css继承关键字的示例

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>