html - CSS/HTML child 会覆盖 parent 吗？

Question

给定以下代码:

<div id="bla">
    <p class="blubber">Johnny Bananas</p>
</div>

以及该 html 文档头部的样式:

<style>
    div#bla{background:yellow}
    p.blubber{background:purple}
</style>

为什么 child 会被涂成紫色并覆盖其 parent ？

Answer 1

默认情况下，background 属性不会被子级继承。因此，div#bla的背景样式不适用于p.blubber，p.blubber可以独立指定自己的背景色它的 parent ，而不考虑具体情况。

并且由于 background 没有被继承，所以实际上没有发生覆盖。