inherit
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 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.
Für vererbte 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, auch wenn das Elternelement nicht der umgebende Block ist.
Beispiele
Ausgewählte Elemente von einer Regel ausschließen
/* 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 innerhalb der Seitenleiste unterschiedliche Farben haben. Zum Beispiel wird eines von ihnen ein Kind eines div-Elements sein, das durch die Regel übereinstimmt:
div#current {
color: blue;
}
Dann wäre es blau.
Spezifikationen
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # inherit |
Browser-Kompatibilität
Siehe auch
- Vererbung
- Benutzen Sie das
initial-Schlüsselwort, um eine Eigenschaft auf ihren Anfangswert zu setzen. - Benutzen 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. - Benutzen Sie das
revert-layer-Schlüsselwort, um eine Eigenschaft auf den in einer vorherigen Kaskadenschicht festgelegten Wert zurückzusetzen. - Benutzen Sie das
unset-Schlüsselwort, um eine Eigenschaft auf ihren vererbten Wert zu setzen, wenn sie vererbt, oder auf ihren Anfangswert, wenn nicht. - Die
all-Eigenschaft ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren Anfangs-, vererbten, zurückgesetzten oder nicht gesetzten Zustand zurückzusetzen.