Overerving in CSS betekent dat sommige stijleigenschappen die je op een ouder-element toepast, van toepassing zijn op zijn kind-elementen. Dit kan nuttig zijn om consistentie in je stijlen te brengen, minder code te schrijven en je code gemakkelijker te onderhouden.
Hier is een basisscenario over hoe overerving wordt gebruikt in CSS:
```
Deze paragraaf erft de blauwe kleur van het div-element.
In dit voorbeeld wordt de eigenschap ‘color’ toegepast op een div-element. Omdat het p-element een kind-element is van het div-element, erft het de kleur blauw.
Het is belangrijk op te merken dat niet alle CSS-eigenschappen overerven. Sommige eigenschappen, zoals opvulling en marge, worden niet automatisch overgeërfd door kind-elementen. Als je wilt dat een eigenschap overerft die dat normaal niet doet, kan je de eigenschap instellen op ‘inherit’.
```
Deze paragraaf erft de padding van het div-element.
In dit voorbeeld is de ‘padding’ CSS-eigenschap toegepast op het p-element via overerving met behulp van de waarde ‘inherit’. Dit zorgt ervoor dat het p-element dezelfde opvulling heeft als het div-element.
Echter, overmatig gebruik van ‘inherit’ kan leiden tot onnodig opgeblazen en moeilijk te onderhouden CSS. Het is vaak beter om specifieke klassen te maken voor elementen die dezelfde stijleigenschappen delen.
