Die Kaskade ist das Verfahren, mit dem der Browser entscheidet, welche Regel gilt, wenn mehrere dasselbe Element betreffen.
- Kaskade (Cascade)
Verfahren, mit dem der Browser aus mehreren Deklarationen für dasselbe Element die gültige auswählt.
Beispiel: „Die Kaskade steckt im ersten Buchstaben von CSS.“
Die Reihenfolge der Prüfung
Zuerst zählt die Herkunft: Regeln des Autors schlagen die Browser-Standardstile, Regeln des Nutzers stehen dazwischen. Erst danach kommt die Spezifität ins Spiel, und erst wenn auch die gleich ist, gewinnt die zuletzt notierte Regel.
Diese Folge erklärt Beobachtungen, die sonst willkürlich wirken: Eine Regel weiter unten im Stylesheet gewinnt nur, wenn sie gleich spezifisch ist. Ein Selektor mit einer ID gewinnt, egal wo er steht.
Was sie nicht ist
Keine Summe von Punkten. Die Spezifität wird spaltenweise verglichen, und eine ID schlägt beliebig viele Klassen. Wer das einmal verstanden hat, braucht !important deutlich seltener.