CSS层叠机制
1.CSS中的层叠和继承
- 层叠
层叠是一种机制,用于解决CSS中的声明冲突(声明冲突指属性相同,但值却不同的情况)。 - 继承
继承是指CSS中子级元素会自动拥有父元素的某些属性,文本类的属性(如文字颜色等)会被继承。
2.比较选择器的优先级
- 通过计算选择器的权重值比较,在声明冲突时用于决定最终的作用结果。
选择器 | 权重值(降序) |
---|---|
!important | 最高 |
style内嵌 | 1000 |
id | 0100 |
class、属性、伪类 | 0010 |
元素、伪元素 | 0001 |
通配符* | 0 |