Css inherit keyword example

Question

What is an example of using the inherit keyword in css?

Answer 1

Say we want all of our anchor text to be orange:

a { color: orange }

And we want all our div text to be green:

div { color: green }

What if we want the bindings inside the div to be green too? Here we can use inherit:

div > a { color: inherit }

The following HTML snippet can make this clearer:

<a href="#">I'm orange</a>
<div>I'm green!</div>
<div>I'm green and <a href="#">green</a>!</div>

Answer 2

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

In the above example, links turn yellow if they are not inside <strong> ... </strong>, in which case they are the default link color for the browser.

inherit , . , CSS .

Answer 3

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