css属性值的计算过程

86 阅读1分钟
css选择器的权重 
!import infinty
行内样式  1000
id选择器  100
类选择器|伪类 10
标签选择器|伪元素 1
通配符选择器 0

然而有一些样式的问题用权重并解决不了,所以需要了解css属性值的计算过程 例如

css样式 .box{ color:red; } 但是这个时候 a标签里面的内容颜色依旧是蓝色

 属性计算过程分为四步
 1、确定声明值
     将浏览器默认样式表和作者样式表(自己定义的样式)中的没有冲突的样式 拿出来
     作为标签的样式
 2、层叠冲突
     (1) 比较重要性 作者样式表的样式比浏览器默认样式表中的样式重要 相同的样式 以作者样式表中发的样式为主
     (2) 比较特殊性 也就是权重  以权重大的为主
     (3)比较源顺序  相同权重 后面的覆盖前面的
3、使用继承 对仍然没有值的属性 若可以继承 则继承父元素的值
4、使用默认值 仍然没有值的属性 使用浏览器默认的值