css inherit关键字示例

Question

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

Answer 1

比方说，我们希望所有的锚文本为橙色：

a { color: orange } 

，我们希望所有的格文是绿色：

div { color: green } 

如果什么我们希望divs中的锚也是绿色的？在这里，我们可以使用继承：

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

http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit

Answer 3

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

在上面的例子中，链接变成了黄色，除非他们在里面<strong> ... </strong>，其中他们是浏览器的默认链接颜色。

inherit当您想要恢复浏览器的默认值或在级联树中将特定特征控件返回到更高级别时非常有用。这种能力是CSS在其名称中层叠的原因之一。