CSS样式选择器分为4个等级,a、b、c、d,可以根据这四种等级为依据确定CSS选择器的优先级。
1、如果样式是行内样式,那么a=1;
2、b为ID选择器的总数;
3、c为Class类选择器的总数;
4、d为标签选择器的数量;
5、属性选择器、伪类选择器和Class类选择器的优先级一样
6、!important权重最高,比inline style的还要高
举例:
选择器 | 权重(a、b、c、d) |
Style=”” | 权重(1、0、0、0) |
#wrapper #content{} | 权重(0、2、0、0) |
#content .datePosted{} | 权重(0、1、1、0) |
div #content | 权重(0、1、0、1) |
#content p | 权重(0、1、0、1) |
#content | 权重(0、1、0、0) |
p .comment .dateposted | 权重(0、0、2、1) |
div .comment p | 权重(0、0、1、2) |
.content p | 权重(0、0、1、1) |
.content | 权重(0、0、1、0) |
div p | 权重(0、0、0、2) |
p | 权重(0、0、0、1) |
对于一个元素要应用那种样式,就可以根据这个权重规则来分析了。