css声明应用优先级

时间:2023-03-08 21:52:06

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、用户代理声明(指浏览器本身自带的一些默认样式)

如果一个元素应用于多个冲突的声明,在权重不一样的情况下权重最高的胜出,在一样的情况下,特殊性最高的胜出,如果权重特殊性都一样的情况下,顺序靠后的胜出