Die Kaskade

Zwei Regeln können dieselbe Eigenschaft für dasselbe Element festlegen. Der Browser muss dann entscheiden, welche Deklaration er verwendet. Diesen Entscheidungsprozess nennt man die Kaskade, und nach ihr ist CSS benannt: Cascading Style Sheets.

Die Kaskade berücksichtigt mehrere Dinge. Das einfachste ist die Reihenfolge: Haben zwei Regeln denselben Selektor, gewinnt die, die später im Stylesheet steht.

p {
	color: green;
}

p {
	color: purple;
}

Die Absätze werden lila, weil die zweite Regel später kommt. Deklarationen, die sich nicht widersprechen, gelten alle: Enthielte die erste Regel auch text-align: center, wären die Absätze lila und zentriert.

Wenn eine deiner Regeln „nicht funktioniert“, prüfe zuerst, ob sie von einer später geschriebenen Regel überschrieben wird.