CSS:inherit
From MDC
Contents |
[edit] Summary
inherit is a value that is allowed on every CSS property. It causes the element for which it is specified to take the computed value of the property from its parent element.
[edit] For inherited properties
For inherited properties, this reinforces the default behavior, and is only needed to override another rule. For example:
/* make second-level headers green */
h2 { color: green; }
/* ...but leave those in the sidebar alone so they use their parent's color */
#sidebar h2 { color: inherit; }
Note that in this example the h2 elements inside the sidebar might be different colors. For example, if one of them were the child of a div matched by the rule
div#current { color: blue; }
it would be blue.
[edit] For non-inherited properties
For non-inherited properties, this specifies a behavior that typically makes relatively little sense.
[edit] Notes
Inheritance is always from the parent element in the document tree, even when the parent element is not the containing block.