如何使DIV从其父级的父级继承其“ em”值

Question

我们都知道，给定对象的弹性布局“ em”值是相对于该对象的父对象的，例如：

<div id="div1" style="font-size:1em;">
<p>Hello</p>
<div id="div2" style="font-size:0.5em;">
<p>Hello</p>
<div id="div3" style="font-size:0.5em;">
<p>Hello</p>
</div>
</div>
</div>

但是，是否有可能使下级DIV“重置”为em值，或者从上级的父级获取其值？

基本上，我有一些嵌套的DIV，并且我希望其中的一个可以使用文档自己的em值。使用1em不好，因为DIV的父母之一已经使用了分数。

提前致谢

西蒙

Answer 1

更新：自从最初编写此答案以来，已向CSS添加了一个新单元。

rem是根em，并且是：

等于根元素上font-size的计算值。

这是“文档本身的em值”。

不，不是。em单位设置的font-sizes 显式相对于父元素的font-size。

您可以得出的最接近的结果是知道所有更改，并在计算时将其考虑在内。

例如，由于＃div2的字体大小为0.5em，要使＃div3具有与＃div1相同的字体大小，您需要设置 font-size: 2em

其他长度（带有as width值）是相对于当前元素的字体大小的，因此您必须对它们进行类似的计算。