Wenn die mit HTML erstellten rechteckigen Kästchen auf einer Webseite per CSS gestaltet werden, wie entscheidet dann der Browser, welche Gestaltung nun für welches Element gilt?

In diesem Kursabschnitt lernen Sie mit Kaskade und Vererbung zwei wichtige Konzepte der Cascading Style Sheets kennen. Nach der Lektüre wissen Sie genau, was es mit dem Cascading in den Cascading Style Sheets auf sich hat.

Der Stammbaum

Eine Webseite ist eine hierarchische Verschachtelung von HTML-Elementen. Wenn ein Browser den Quelltext einer Webseite vom Webserver bekommt, verschafft er sich zunächst eine Übersicht über diese Hierarchie und erstellt dazu ein Modell.

Der Browser nennt es "Document Object Model" (DOM) und, wie bei Computern üblich, ist dieses Modell ein auf den Kopf gestellter Baum:

• Das oberste Element einer jeden Webseite ist html, das Stammelement; sozusagen Abraham, der Urvater aller Elemente auf dieser Seite.

• Von html gehen zwei Elemente ab: head und body. Man kann also sagen, dass head und body Kinder von html und somit Geschwister sind.

Und so ist das ganze HTML-Dokument eine Familie mit diversen verwandtschaftlichen Beziehungen.