inherit

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das inherit CSS-Schlüsselwort bewirkt, dass das Element den berechneten Wert der Eigenschaft von seinem Elternelement übernimmt. Es kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweise all.

Bei vererbten Eigenschaften verstärkt dies das Standardverhalten und wird nur benötigt, um eine andere Regel zu überschreiben.

Hinweis: Die Vererbung erfolgt immer vom Elternelement im Dokumentbaum, selbst wenn das Elternelement nicht der umschließende Block ist.

Beispiele

Ausgewählte Elemente von einer Regel ausschließen

css

/* 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 diesem Beispiel könnten die h2-Elemente im Seitenbereich unterschiedliche Farben haben. Betrachten Sie zum Beispiel eines, das das Kind eines div wäre, das durch die Regel übereinstimmt:

css

div#current {
  color: blue;
}

Dann wäre es blau.

Spezifikationen

Specification
CSS Cascading and Inheritance Level 4 # inherit

Browser-Kompatibilität

Siehe auch

Vererbung
Verwenden Sie das initial-Schlüsselwort, um eine Eigenschaft auf ihren Anfangswert zu setzen.
Verwenden Sie das revert-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das Benutzeragenten-Stylesheet (oder durch Benutzerstile, falls vorhanden) festgelegt wurde.
Verwenden Sie das revert-layer-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der in einer vorherigen Kaskadenschicht festgelegt wurde.
Verwenden Sie das unset-Schlüsselwort, um eine Eigenschaft auf ihren vererbten Wert zu setzen, wenn sie vererbt wird, oder auf ihren Anfangswert, wenn nicht.
Die all-Eigenschaft ermöglicht es Ihnen, alle Eigenschaften auf ihren Anfangs-, geerbten, zurückgesetzten oder unbestimmten Zustand auf einmal zurückzusetzen.