CSS-Vererbungsregeln

(Auszug aus "E-Books mit ePUB ─ Von Word zum E-Book mit XML" von Dr. Victor Wang)

Der Name der Cascading Stylesheets ("kaskadierend") suggeriert bereits, dass die Vererbung von Eigenschaften ein wesentliches Konzept von CSS ist. In der Tat soll die Vererbung helfen, CSS-Stylesheets überschaubar und schlank zu halten.

Konkret bedeutet die Vererbung, dass eine einmal für ein Element definierte Eigenschaft auf alle Kind-Elemente übertragen ("vererbt") wird. Wird beispielsweise für einen <div class="wichtig"> ein graues Raster im CSS festgelegt, so werden auch alle enthaltenen Absätze <p> damit dargestellt. Dies besagt zumindest die Theorie, denn in der Praxis hängt die Umsetzung leider immer noch von der Umsetzung der Browser bzw. Reader ab.

Folgende Punkte sind aktuell zu beachten:

• Eigenschaften für das body-Element, das sich für globale Festlegungen wie beispielsweise der Grundschrift anbietet, werden häufig nicht vererbt.


• Im Zweifel ist die elementweise Wiederholung von Stilinformationen sicherer.


• Eigenschaften von Blockelementen werden nur teilweise auf Inline-Elemente vererbt (was durchaus sinnvoll ist).

   

<< zurück

vor >>