当声明冲突时层叠样式表的优先级选择

声明冲突
一个元素的外观可能来自多个规则的影响，这些规则之间的属性相同值不同就会发生冲突
层叠：层叠是一种机制，用于解决css申明冲突问题
比较优先级
若属性值后面加上！importer，表示这是一条重要声明，反之则表示这是一条普通声明
作者重要声明优先级大于普通声明大于浏览器默认申明

 

比较特殊性
每个声明都有一个权重，当发生冲突时，特殊性高的会保留，特殊性低的会被淘汰，一般规则适用范围越大则特殊性越低，适用范围越小则特殊性越高。
a:style
b:id
c:class 属性 伪类选择器
d:元素，伪元素选择器
通过计算选择器中上述类别的多少可以得出优先级的高低

比较源次序
上述两个次序都相同时，最后出现的声明优先级最高

转载于:https://www.cnblogs.com/lgzhong/p/8166262.html