Vererbung in CSS

CSS Tutorial > Vererbung

In einem HTML-Dokument haben Tags immer ein Eltern-Kind Verhältnis. Der <title>-Tag zum Beispiel ist immer innerhalb des <head>-Tags platziert, demnach ist der <head>-Tag Elternteil zum <title>-Tag. Vererbung bedeutet, dass das Kind-Element die Styles, die für das Eltern-Element definiert wurden, vererbt, es sei denn, der Style (Eigenschaft) wurde ausdrücklich für das Kind-Element definiert.

Wenn das Stylesheet beispielsweise wie folgt deklariert wird:

p { color: #00FF00; }
strong { font-size:16px; }

so sieht der folgende HTML-Code

Dies ist ein Beispiel zu HTML-Vererbung.

so aus:

Dies ist ein Beispiel zu HTML-Vererbung.

Die Schriftfarbe für den ganzen Satz ist Grün, obwohl keine color-Eigenschaft für den -Tag definiert wurde. Dies ist so, weil ein Kind-Element von ist, und dementsprechend den für definierten Style, der in diesem Fall der Schriftfarbe Grün entspricht, erbt.

Folgende Seite: CSS Class and CSS ID