css - 在 CSS 计算属性面板中，最上面的样式似乎并没有覆盖不太具体的样式——怎么可能呢？

Question

我的 HTML 中的某个元素有一个带有 font-size: 0 的父元素，但是它有自己的带有 font-size: 1.9em 的 CSS 规则。我可以在 Chrome 的 computed properties 面板中验证这一点。我还可以看到带有 font-size: 0 的样式被划掉了，所以它被覆盖了。然而，令我大吃一惊的是，计算得出的 font-size 仍然是 0。这怎么可能？

(该元素没有任何内联样式，如果有人想知道的话)

Answer 1

如果您创建字体大小为 0px 的父元素，其中每个标签都强调指定了字体大小，例如 1.9em，它将计算 0*1.9 = 0px。

你可能想使用根元素字体大小(在 html 标签中指定)font-size:1.9rem;

当 html 标签的字体大小设置为 10px 时，它将产生 1.9*10=19px。