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 2008-2009 1keydata.com Alle Rechte vorbehalten.
|
|