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.
Bei geerbten Eigenschaften verstärkt dies das Standardverhalten und ist nur erforderlich, um eine andere Regel zu überschreiben.
Hinweis: Die Vererbung erfolgt immer vom Elternelement im Dokumentbaum, auch wenn das Elternelement nicht der enthaltende 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. Betrachten Sie zum Beispiel eines, das ein Kind eines div ist, auf das die Regel zutrifft:
div#current {
color: blue;
}
Dann wäre es blau.
Spezifikationen
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # inherit |
Browser-Kompatibilität
Loading…
Siehe auch
- Vererbung
- Verwenden Sie das
initialSchlüsselwort, um eine Eigenschaft auf ihren Ausgangswert zu setzen. - Verwenden Sie das
revertSchlüsselwort, um eine Eigenschaft auf den vom Benutzeragenten-Stylesheet (oder, falls vorhanden, auf Benutzerstile) festgelegten Wert zurückzusetzen. - Verwenden Sie das
revert-layerSchlüsselwort, um eine Eigenschaft auf den in einer vorherigen Kaskadierungs-Ebene festgelegten Wert zurückzusetzen. - Verwenden Sie das
unsetSchlüsselwort, um eine Eigenschaft auf ihren geerbten Wert zu setzen, wenn sie erbt, oder auf ihren Ausgangswert, wenn nicht. - Die
allEigenschaft ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren ursprünglichen, geerbten, zurückgesetzten oder unbestimmten Zustand zurückzusetzen.