css - 取消设置另一个样式表的像素字体大小

Question

我创建了一个主题的 WordPress 子主题，它像这样在 body 标签中设置字体大小

body {
    font-size: 16px;
    font-size: 1rem;
}

这更像是一个 CSS 问题，但对于那些不太熟悉 WordPress 的人来说:我无法更改父主题中的样式，因为这是不好的做法，并且会被任何更新覆盖。所以必须接受他们在那里设置的内容并用我自己的样式表覆盖它。

然而，众所周知，以上是不好的做法，因为它不允许用户在他的浏览器中更改字体大小，也没有考虑到并非所有浏览器都有其基本字体-大小设置为 16 像素。

我可以在子主题中做什么来取消设置？我宁愿这样设置:

body {
    font-size: 0.625em
}

然后用 REM 设置每个元素的实际大小。但是，EM 值似乎并没有覆盖父主题中设置的 PX 值。

有没有办法“取消设置” parent 硬编码的字体大小？

Answer 1

要取消设置 font-size 规则，您可以使用:

font-size: initial;