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

你可能感兴趣的:(CSS选择器权重问题)