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

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>元素的字体大小。