层叠的过程
比较优先级:
若属性值后跟上!imprtangt表是一条重要声明,否则是普通声明
优先级从低到高:
1.浏览器默认样式表中的声明
2.用户样式表中的普通声明
3.作者样式表中的普通声明
4.作者样式表中的重要声明
5.用户样式表中的重要声明
比较特殊性:(优先级相同的情况)
行内样式>ID选择器>类选择器>元素选择器>通配符选择器
计较特殊性-具体规则
在比较特殊性时,每一个冲突的声明会生成4个数字分组(a,b,c,d)
a越大,特殊性越高,若a相同,比较b,b越大,特殊性越大,依次类推
a:声明是行内样式
b:ID选择器个数
c:类选择器、伪类选择器、属性选择器个数
d:元素选择器、伪元素选择器个数
选择器 a b c d
style 1 0 0 0
id 0 1 0 0
class、属性、伪类 0 0 1 0
元素,伪元素 0 0 0 1
当计算选择器分组时要分开计算
比较源次序:(优先级和特殊性相同的情况下)
若优先级和特殊性相同的情况下,最后出现的声明胜出,其他淘汰