重写的CSS属性仍可用于确定实际值？

在我的浏览器中，没有任何作者或用户样式，

h1

字体大小为32px。我一直在试图弄清楚
h1
font size
如何产生24px的实际值，以及下面的HTML和CSS

HTML:

看起来用户代理字体大小
2em
覆盖了CSS中指定的12px。尽管在Chrome开发工具（见下文）中显示为完全正确，但似乎也使用了12px值，因为
h1
不是默认的32px。如何覆盖12px并继续使用

这就是所谓的。标题标签的选择器
h1
比
html
选择器更具体。它具有更高的优先级，这就是它覆盖指定样式的原因

为什么要使用24px？

font-size:2em
表示父元素中指定的字体大小的两倍（这里是12px），因此将有2*12px=24px。这就是您指定的12px也被使用的原因

更一般的解释是，我们可以说，Xem表示当前字体大小的X倍。当然，当前字体取决于您应用的所有样式（这里只有
html
标记中指定的样式）

你可以读更多


如果要替代样式，只需指定：

h1 {
  font-size:12px;
}

或者使用
！重要信息
选择器如下：

html {
  font-size:12px!important;
}

这就是所谓的。标题标签的选择器
h1
比
html
选择器更具体。它具有更高的优先级，这就是它覆盖指定样式的原因

为什么要使用24px？

font-size:2em
表示父元素中指定的字体大小的两倍（这里是12px），因此将有2*12px=24px。这就是您指定的12px也被使用的原因

更一般的解释是，我们可以说，Xem表示当前字体大小的X倍。当然，当前字体取决于您应用的所有样式（这里只有
html
标记中指定的样式）

你可以读更多


如果要替代样式，只需指定：

h1 {
  font-size:12px;
}

或者使用
！重要信息
选择器如下：

html {
  font-size:12px!important;
}

这是有道理的。“父元素中指定字体大小的两倍”-像
em
和
%
这样的相对单位是否总是指父元素的属性（如果属性是继承的）？我想这是我困难的症结所在；我在文档中找不到它。@flow2k是的，它总是引用到父级。更一般地说，它是当前使用的字体大小，这意味着应用于此元素的字体大小。如果没有指定字体大小属性，您也可以在@flow2k阅读更多内容，使其更简单。如果你有很多CSS，最终h1的字体大小应该是x。因此，如果您为此元素指定2em，它将是2*x.@flow2k，正如您在我发送的链接
中看到的，相对于元素的字体大小（2em表示当前字体大小的2倍）
这很有意义。“父元素中指定字体大小的两倍”-像
em
和
%
这样的相对单位是否总是指父元素的属性（如果属性是继承的）？我想这是我困难的症结所在；我在文档中找不到它。@flow2k是的，它总是引用到父级。更一般地说，它是当前使用的字体大小，这意味着应用于此元素的字体大小。如果没有指定字体大小属性，您也可以在@flow2k阅读更多内容，使其更简单。如果你有很多CSS，最终h1的字体大小应该是x。因此，如果您为此元素指定2em，它将是2*x.@flow2k，正如您在我发送的链接
中看到的，相对于元素的字体大小（2em表示当前字体大小的2倍）