css继承关键字示例

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

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

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>

我是绿色的！
我是绿色和绿色的！

在上面的示例中，链接将变为黄色，除非它们位于

，在这种情况下，它们是浏览器的默认链接颜色

inherit

在您希望恢复浏览器的默认值或将特定特性的控制权返回到级联树的更高级别时非常有用。这种能力是CSS以级联的名义出现的原因之一

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