我可以防止继承样式规则吗？

Question

我有一个全局字体大小，以及一个使用不同字体的元素。

body {
  font-size: 16px;
}

.parent {
  font-size: 14px;
}

在.parent 元素内，我有几个孩子，我想使用正文中的font-size: 16px。有没有办法“跳过”可继承的声明。比如：

font-size: 14px !dont-propagate;

拥有它会很不错。 当然，我知道一些变通方法，例如将孩子的样式设置为 font-size: 16px，或者仅将 .parent 的文本部分放入他们自己的容器中并赋予较小的字体大小。想想这个更大的小例子，这使得这些选项不太理想。

Answer 1

没有。

如果他们不继承，那么他们就没有任何价值。

没有办法从父元素以外的元素继承。

如果您希望它们具有除inherit、100%、1em 或其他任何默认值之外的值：您需要明确指定它。

您可以使用rem 单元从根元素中获取字体大小，因此您可以说：

html { font-size: 16px; }
* { font-size: 1rem; }
.parent { font-size: 14px; }

请注意，这可能会产生您不喜欢的副作用，例如更改 <input> 和 <small> 元素的字体大小。