Kaskadierung und Vererbung in CSS

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Das »C« in CSS steht für »cascading«. In den bisherigen Kapiteln und Beispielen spielte Kaskadierung noch keine große Rolle. Jetzt wollen wir sie uns genauer anschauen. Durchweg alle Elemente auf einer Webseite sind den Regeln der Kaskadierung unterworfen. In den folgenden Beispielen werden wir sie vor allem anhand von einfachen und anschaulichen Textelementen erklären.

Das Prinzip der Vererbung ist der Kaskadierung in seinen Auswirkungen relativ ähnlich. Trotzdem stehen beide für völlig unterschiedliche Vorgänge in CSS. Die Kaskadierung bestimmt, welche Eigenschaften zum Einsatz kommen, wenn ein Element Werte von mehreren Stilregeln zugewiesen bekommt. Die Vererbung wiederum regelt, wie Eigenschaften von übergeordneten an untergeordnete Elemente weitergegeben werden.

Das hört sich kompliziert an, ist es aber nicht. In der Praxis kann man beide gut auseinander halten. Wir werden uns den Unterschied anhand mehrerer einfacher Beispiele verdeutlichen. Danach werfen wir einen genaueren Blick auf die Kaskadierung.

  

• Das Prinzip der Kaskadierung
• Abfolge von Ereignissen
• Besonderheit (Spezifität)
• Herkunft
• Gewichtung (!important)

  

<< zurück

vor >>