如何将属性应用于css中的嵌套元素（html）？

Question

请参阅以下代码

<div>
    <!--some code-->
       <div id="inner">
           <!--this is div in div-->
       </div>
</div>

并假设在链接到此的css代码中我们将font-family设置为外部div的“stencil”这意味着如果对于内部div我们没有将font-family设置为任何值，那么它也会由于外部div而成为“模板”？

Answer 1

是的，你猜对了。如果找不到元素的某个属性，则使用父值。首先，一个元素使用父元素的属性，然后使用自己的样式属性“更新”，然后使用“style ='css-here'”的值“更新”这些属性，因此样式属性最重要它涉及到样式，然后检查自己的css，然后使用父值（如果需要）。 这个“继承树”（parents，css，style-attribute）不适用于所有属性，对于font-family它肯定有效，但肯定有一些例外。

Answer 2

取决于。

如果内部div具有font-family: inherit;（对于支持CSS的每个浏览器font-family元素的div的默认值，我可以想到），然后是。