CSS继承如何与相对单位一起工作？

Question

我期望继承时重新计算相对单位，因此在下面的示例中，子元素应该大于其父元素：

.parent {
  font-size: 1.5em; /* Updated font size for the parent */
}

<div class="parent">
    Parent with updated font-size 1.5em
    <div class="child">
        Child with inherited font-size (calculated: 1.5 * 1.5em)
    </div>
</div>

为什么子类的字体大小没有按预期计算？我错过了什么？

Answer 1

在继承期间，使用计算值，而不是指定值。因此，您的相对单位在应用于子元素之前已经被绝对化了。

继承将属性值从父元素传播到其子元素。元素上属性的继承值是元素父元素上属性的

计算值。