Web前端技术 · 第7课10 / 17 | 编码:L07-12a
理解规则,再判断结果

同一个颜色,来自哪里?

先区分“从父元素继承”与“直接给元素赋值”。

<style>
section { color:navy; } /* 深蓝色 */
p { color:teal; } /* 青绿色 */
p { color:crimson; } /* 深红色 */
</style>
<section><p>活动通知</p></section>

提问

删除最后一条p规则后会变成父元素的深蓝色吗?如果删去两条p规则呢?

展开参考分析

只删最后一条,仍由p直接获得teal;两条都删后才继承section的navy。父元素选择器再复杂,也不会通过继承去压过子元素已有的直接声明。