CSS样式选择器分为4个等级,a、b、c、d,可以以这四种等级为依据确定CSS选择器的优先级。
如果样式是行内样式(通过Style=””定义),那么a=1 b为ID选择器的总数 c为Class类选择器的数量。 d为类型选择器的数量例如:
选择器 |
特殊性(a,b,c,d) |
优先级 |
Style=”” |
1,0,0,0 |
1000 |
#wrapper #content {} |
0,2,0,0 |
200 |
#content .datePosted {} |
0,1,1,0 |
110 |
div#content {} |
0,1,0,1 |
101 |
#content p {} |
0,1,0,1 |
101 |
#content {} |
0,1,0,0 |
100 |
p.comment .dateposted {} |
0,0,2,1 |
21 |
div.comment p {} |
0,0,1,2 |
12 |
.comment p {} |
0,0,1,1 |
11 |
p.comment {} |
0,0,1,1 |
11 |
.comment {} |
0,0,1,0 |
10 |
div p {} |
0,0,0,2 |
2 |
p {} |
0,0,0,1 |
1 |
BY 呆瓜