前端学习记录8-CSS- 特性,权重问题 CSS三种特性 层叠性(选择器相同) 继承性 优先级 权重划分(优先级特性) 特别需要注意的问题 权重计算方式(权重叠加) 特别需要注意的问题 CSS三种特性 层叠性(选择器相同) 多种CSS样式叠加 当浏览器解析时发现同一个选择器出现了相同的样式 浏览器会本着就近原则来 解决冲突 谁跟结构近就用谁 简单的来说就是谁后写的用谁 当没有冲突的样式时 不冲突的样式依然会继续执行 div{ color: red; font-size: 50px; } div{ color: blue; } <div>层叠性</div> 此时层叠性三个字会显示为蓝色 继承性 div{ color: blue; } <div> <p>继承性</p