css – 使用{font：inherit;}的目的是什么？

我只是想知道为什么{font：inherit;}在级联样式表中使用。

解决方法

像其他答案一样，就是从父元素继承CSS属性。

其他答案没有说出来是为什么你需要这个。因为毕竟CSS属性是继承的，对吧？

好吧，没有。大多数是默认情况下(但链接颜色不是从父元素继承，例如)。但请考虑这种情况：

p { color: blue; }

div.important { color: red; }

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

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

div.important p { color: inherit; }