声明冲突
一个元素的外观可能来自多个规则的影响,这些规则之间的属性相同值不同就会发生冲突
层叠:层叠是一种机制,用于解决css申明冲突问题
比较优先级
若属性值后面加上!importer,表示这是一条重要声明,反之则表示这是一条普通声明
作者重要声明优先级大于普通声明大于浏览器默认申明
比较特殊性
每个声明都有一个权重,当发生冲突时,特殊性高的会保留,特殊性低的会被淘汰,一般规则适用范围越大则特殊性越低,适用范围越小则特殊性越高。
a:style
b:id
c:class 属性 伪类选择器
d:元素,伪元素选择器
通过计算选择器中上述类别的多少可以得出优先级的高低
比较源次序
上述两个次序都相同时,最后出现的声明优先级最高