1、特殊性
选择器的特殊值由四部分组成:0,0,0,0
第一位预留给内联样式 <h1 style="color:red;"></h1>
第二位属于ID选择器 #aa{}
第三位属于类、属性、伪类选择器 .aa{}、h1[属性]{},:伪类{}
第四位属于元素、伪元素选择器 h1{},
结合符和通配选择器没有特殊性
2、重要性
比较重要的样式声明可以在分号之前加 (!important)来标志 h1{color:red !important; }
3、权重排序
1、读者的重要声明 (指用户自己通过浏览器上提供的借口写的带!important的样式声明)
2、创作人员重要声明(指开发人员写的带!important的样式声明)
3、创作人员正常声明(指开发人员写的不带!important的样式声明)
4、读者正常声明(指用户自己通过浏览器上提供的借口写的不带!important的样式声明)
5、用户代理声明(指浏览器本身自带的一些默认样式)
如果一个元素应用于多个冲突的声明,在权重不一样的情况下权重最高的胜出,在一样的情况下,特殊性最高的胜出,如果权重特殊性都一样的情况下,顺序靠后的胜出