css选择器的权重
!import infinty
行内样式 1000
id选择器 100
类选择器|伪类 10
标签选择器|伪元素 1
通配符选择器 0
然而有一些样式的问题用权重并解决不了,所以需要了解css属性值的计算过程 例如
css样式 .box{ color:red; } 但是这个时候 a标签里面的内容颜色依旧是蓝色 属性计算过程分为四步
1、确定声明值
将浏览器默认样式表和作者样式表(自己定义的样式)中的没有冲突的样式 拿出来
作为标签的样式
2、层叠冲突
(1) 比较重要性 作者样式表的样式比浏览器默认样式表中的样式重要 相同的样式 以作者样式表中发的样式为主
(2) 比较特殊性 也就是权重 以权重大的为主
(3)比较源顺序 相同权重 后面的覆盖前面的
3、使用继承 对仍然没有值的属性 若可以继承 则继承父元素的值
4、使用默认值 仍然没有值的属性 使用浏览器默认的值