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

<p>Dies ist ein Beispiel <strong>zu HTML-Vererbung.</strong></p>

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 <strong>-Tag definiert wurde. Dies ist so, weil <strong> ein Kind-Element von <p> ist, und dementsprechend den für <p> definierten Style, der in diesem Fall der Schriftfarbe Grün entspricht, erbt.

Folgende Seite: CSS Class and CSS ID




Copyright © 2024   1keydata.com   Alle Rechte vorbehalten