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等于类型选择器和伪元素选择器的数量

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

三、优先级的四大原则

      原则一:继承不如指定

       

<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

       这四大原则的权重是,原则一>原则二>原则三>原则四