继承的字体大小在 Wordpress 中的段落内不起作用

Question

我在 Wordrpess 博客的 <p> 中有 <code>。我将 <code> 的字体大小设置为 inherit，以便与父 <p>.

具有相同的大小

但是，<code> 的 font-size 仍然是 14px 左右...

...仍然不同于父 <p>.

的 18px 字体大小

你可以看到demo post。是不是我设置错了？

更新：我已将 font-size: inherit 改为 font-size: 1.1em 以匹配段落的一般大小。您可以切换回前一个来查看我的问题。

Answer 1

我觉得<code>元素比较特殊，浏览器默认样式是13px字体大小和monospace字体系列。它并不完全遵循正常的 CSS 规则，类似于 <input>、<textarea> 等替换元素

如果需要，设置一个固定大小 code{font-size:18px;} 左右。

进一步阅读：

Answer 2

浏览器将 <code> 元素的默认字体大小缩小了一个百分比。为了重置该应用程序：

code{
  font-size: 1em;
}

此答案将代码字体大小设置为默认浏览器设置，16px 通常是默认值。

Inherited font-size not working inside paragraph in Wordpress