css - css inherit关键字示例

Question

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

Answer 1

假设我们希望所有的 anchor 文本都是橙色的:

a { color: orange }

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

div { color: green }

如果我们希望 div 中的 anchor 也为绿色怎么办？在这里，我们可以使用继承:

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>