logo标签列表

CSS inherit关键字的示例

css
3

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

3个回答
6

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

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>
2
a { color: yellow; }
strong a { color: inherit; }

在上面的例子中，除非链接在<strong> ... </strong>内，否则它们会变成黄色，此时它们是浏览器默认的链接颜色。
当您想要恢复浏览器默认值或将特定特征的控制权返回到层叠树中较高的级别时，inherit非常有用。这种能力是CSS名称中包含层叠的原因之一。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接