CSS选择器权重问题

特殊性

1、选择器的特殊性规定
对于选择器中给定的各个ID属性值,加0,1,0,0
对于选择器给定的各个类属性值、属性选择或伪类,加0,0,1,0
对于选择器中给定的各个元素和伪元素,加0,0,0,1
结合符合通配符选择器对特殊性有没有任何贡献。
例如:

h1 {color:red}  specificity=0,0,0,1
p em {color:purple}  specificity=0,0,0,2
.grape {color:purple} specificity=0,0,1,0
* . bright {color:yellow} specifity=0,0,1,0  *属于通配符,对特殊性没有任何贡献
p .bright em .dark {color:maroon} specifity="0,0,2,2"

2、通配选择器
通配选择器对一个选择器的特殊性没有任何贡献,其特殊性是0,0,0,0
例如

div p {color:black}
* .{color:gray}

p中的内容将被变为黑色,其余为灰色
3、ID选择器和属性选择器
ID选择器和属性选择器在特殊性上有所不同
ID选择器为选择器的总特殊性贡献了0,1,0,0,属性选择器对特殊性贡献0,0,1,0
4、内联样式特殊性
内联样式特殊性比其他特殊性都高,1,0,0,0
5、重要性
如果某个声明非常重要,就在这些声明的结束分好之前插入!important

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,951评论 19 139
  • 第一等级 :代表内联样式,如:style="" ,权值为1000 第二等级:代表id选择器,如:#content,...
    而生lhw阅读 448评论 1 1
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,167评论 6 13
  • 拖延症,每个人都不陌生,并且拖延症无时无刻不在身边影响着我们。今天看了刘轩关于拖延症的一个视频课,对拖延症...
    塔米33阅读 788评论 0 4
  • 大雨沙沙落下,你那也下雨了吗?不知道为什么,突然好想你…… 我真的认为我可以放下你放下我们的过去,去拥抱一个爱我的...
    聆听忧伤的旋律阅读 172评论 0 0