In CSS wird Vererbung verwendet, um bestimmte Eigenschaften und Stile von einem übergeordneten Element an ein untergeordnetes Element durchzureichen.
Beispiel:
HTML:
```html
I bin das untergeordnete Element!
CSS:
```css
#Parent {
color: blue;
}
```
In diesem Beispiel erbt das `
`-Tag die Farbe Blau von seinem übergeordneten Element `div`, da die Farbeigenschaft in CSS vererbt wird. Also wird der Text im `
`-Tag blau dargestellt.
Es ist wichtig zu berücksichtigen, dass nicht alle CSS Eigenschaften vererbt werden können. Einige Eigenschaften, wie padding und margin, werden nicht vererbt.
Zusätzlich zur automatischen Vererbung können Sie die Vererbung auch explizit steuern mithilfe der Eigenschaften `inherit`, `initial` und `unset`.
- `Inherit`: Die Eigenschaft wird vom nächsten Elternelement vererbt.
- `Initial`: Setzt die Eigenschaft auf ihren Standardwert zurück.
- `Unset`: Ist eine Kombination aus `inherit` und `initial`. Es wirkt wie `inherit`, wenn die Eigenschaft normalerweise vererbt wird und wie `initial` wenn nicht.
