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 sorgt dafür, 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 Dokument-Baum, sogar 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, das durch die Regel getroffen wird:
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 Schlüsselwort
initial, um eine Eigenschaft auf ihren Anfangswert zu setzen. - Verwenden Sie das Schlüsselwort
revert, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das Benutzer-Agent-Stylesheet festgelegt wurde (oder durch Benutzerstile, falls vorhanden). - Verwenden Sie das Schlüsselwort
revert-layer, um eine Eigenschaft auf den in einer vorherigen Kaskadenschicht festgelegten Wert zurückzusetzen. - Verwenden Sie das Schlüsselwort
unset, um eine Eigenschaft auf ihren geerbten Wert zu setzen, falls sie vererbt, oder auf ihren Anfangswert, falls nicht. - Die Eigenschaft
allermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren Anfangs-, geerbten, zurückgesetzten oder nicht festgelegten Zustand zurückzusetzen.