css - 使用字体 : inherit? 的目的是什么

Question

我只是想知道为什么在层叠样式表中使用font: inherit;。

Answer 1

就像其他答案所说的那样，它是从父元素继承CSS属性。

其他答案未能说明的是您为什么需要这个。因为，毕竟 CSS 属性无论如何都是继承的，对吧？

嗯，不。默认情况下，大多数是(但链接颜色不是从父元素继承的，例如)。但考虑这种情况:

p { color: blue; }

div.important { color: red; }

<div class="important">
    <p>This is a text</p>
</div>

现在文本将是蓝色的，而不是红色的。如果我们想要 <p>要拥有其父项的样式而不是其默认样式，我们必须重写其 CSS。我们当然可以重复属性值(red)，但这违反了 DRY(不要重复自己)。相反，我们继承它:

div.important p { color: inherit; }