等级高的规则会覆盖掉等级低的规则。
具有style属性编写的规则具有最高的等级。具有ID选择器的规则比没有ID选择器的规则等级高。具有类选择器的规则比只有类型选择器的规则等级高。如果两个规则的等级相同,后定义的覆盖之前定义的规则。
a->style样式的规则,如果有a=1
b->ID选择器的总和
c->类,伪类和属性选择器的总和
d->类型选择器和伪元素选择器的总和
以style----id------class------element的顺序排列。
选择器 |
特殊性a~d |
特殊性总和 |
style="" |
1,0,0,0 |
1000 |
#x #y{} |
0,2,0,0 |
200 |
#x .z{} |
0,1,1,0 |
110 |
div #x{} |
0,1,0,1 |
101 |
#x{} |
0,1,0,0 |
100 |
p .z .m{} |
0,0,2,1 |
21 |
p .z{} |
0,0,1,1 |
11 |
div p{} |
0,0,0,2 |
2 |
p{} |
0,0,0,1 |
1 |