[转发] CSS选择器优先级总结

 

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

1. 如果样式是行内样式（通过Style=””定义），那么a=1
2. b为ID选择器的总数
3. c为Class类选择器的数量。
4. 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 呆瓜