inherit - CSS | MDN (original) (raw)

Examples

Exclude selected elements from a rule

/* Make second-level headers green */
h2 {
  color: green;
}

/* Leave those in the sidebar alone so they use their parent's color */
#sidebar h2 {
  color: inherit;
}

In this example, the h2 elements inside the sidebar might be different colors. For example, consider one of them that would by the child of a div matched by the rule:

div#current {
  color: blue;
}

Then, it would be blue.

Specifications

Browser compatibility

See also

• Inheritance
• Use the initial keyword to set a property to its initial value.
• Use the revert keyword to reset a property to the value established by the user-agent stylesheet (or by user styles, if any exist).
• Use the revert-layer keyword to reset a property to the value established in a previous cascade layer.
• Use the unset keyword to set a property to its inherited value if it inherits or to its initial value if not.
• The all property lets you reset all properties to their initial, inherited, reverted, or unset state at once.