HTML-Seiten sind eigentlich Dokumentenbäume mit Vorfahren, Nachfahren, Eltern und Kindern – wie in einem Stammbaum
In einer Familie werden bestimmte Charakterzüge von Vorfahren an Nachkommen weitergegeben. In einem Dokumentenbaum werden manche CSS-Eigenschaften von Vorfahren an Nachkommen vererbt. Dies wird Vererbung (Inheritance) genannt.
Vererbung wurde entwickelt, damit man nicht jede CSS-Regel für jede Ebene des Dokumentenbaums angeben muss.
Wenn man beispielsweise eine Farbe für den <body> festlegt, wird diese Farbe von allen anderen Elementen des Dokuments benutzt – natürlich nur solange, wie man diese nicht mit eigenen spezifischen Regeln versieht.
body { color: blue; }
Bestimmte Eigenschaften werden nicht vererbt, z.Bsp. Randabstände (margins), Paddings, Ränder (borders) und Hintergrundfarben oder -bilder. Dies ist auch aus gutem Grund so – würden alle CSS-Eigenschaften vererbt, müsste man diese für alle Ebenen unterhalb wieder abschalten, falls diese dort nicht benötigt würden.