CSS优先级或特殊性 总结归纳

一、定义的层叠样式表层叠的有限规则
      1.标有 !important 的用户样式


       2.标有 !important 的作者样式


       3.作者样式


       4.用户样式


       5.浏览器/用户代理应用的样式(user agent stylesheet)


 二、根据选择器的特殊性
     选择器的特殊性分为4个等级：a、b、c和d


            1. 如果样式是行内样式，那么a=1


            2.b等于ID选择器的总数


            3.c等于类、伪类和属性选择器的数量


            4.d等于类型选择器和伪元素选择器的数量




       特殊性的数越来特殊性越高。如果两个规则的特殊性相同，那么后定义的规则优先。


三、优先级的四大原则
      原则一:继承不如指定
       


[html] view plaincopyprint?
<style type="text/css">  
<!--  
*{font-size:20px}  
.my_class{font-size:10px}  
-->  
</style>  
<span class="my_class">My Font SIZE</span>  


    结果为10px


       原则二： #ID > .class >标签选择符
       原则三：越具体越强大
         .class1.class2.class3  > .class2.class3 > .class3


       原则四： 标签#id > #id, 标签.class > .class
       这四大原则的权重是,原则一>原则二>原则三>原则四