本文详细解析了CSS中的层叠性与优先级规则，包括样式冲突时的替换原则，以及不同选择器的权重对比。了解这些核心概念对于前端开发者而言至关重要。
层叠性：
- 样式冲突：替换（以最后的顺序为准，覆盖前面的样式）
- 样式不冲突：不替换
<style>
div{
color:red;
}
div{
color:green;
}
</style>
<div>变成绿色</div>
继承性：
子标签会继承部分（文本相关）的样式
优先级（权重）
！important > 行内样式 > id选择器 > class类选择器 > 标签选择器 > *
- 权重相同，以最后的为准覆盖前面的样式
- 权重会叠加（两个类选择器大于一个类选择器的权重）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
