css – 使用{font:inherit;}的目的是什么?

前端之家收集整理的这篇文章主要介绍了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; }

猜你在找的CSS相关文章