Question

需要在css中使用inherit关键字的示例是什么？

Answer 1

假设我们希望所有锚文本都是橙色的：

a { color: orange }

我们希望所有div文本都是绿色的：

div { color: green }

如果我们希望div中的锚点也是绿色怎么办？在这里，我们可以使用inherit：

div > a { color: inherit }

以下HTML代码段可能会更清晰：

<a href="#">I'm orange</a>
<div>I'm green!</div>
<div>I'm green and <a href="#">green</a>!</div>

Answer 2

a { color: yellow; }
strong a { color: inherit; }

在上面的示例中，链接会变为黄色，除非它们位于<strong> ... </strong>内，在这种情况下，它们是浏览器的默认链接颜色。

当您想要恢复浏览器的默认值或将特定特征的控制权返回到级联树中的更高级别时，

inherit非常有用。这种能力是CSS在其名称中级联的原因之一。

Answer 3