Regelkonflikte, Priorität und Präzedenz

Durch die Kaskade (die Hierarchie der Elemente) ist es möglich, mit gut geschriebenen Selektoren einen beliebigen Bereich von Elementen im Dokument anzusprechen, unabhängig von deren Position im Dokumentenbaum.

Bei näherer Betrachtung der bisherigen Beispiele scheinen Konflikte unvermeidbar. Eine Regel wie p { … } würde auf den Absatz im letzten Beispiel zutreffen. Das gleiche gilt für #inhalt p { … }. Welcher Wert bekommt im Falle eines Konflikts den Vorrang?

Priorität der Selektoren

Die Art der verwendeten Selektoren bestimmt die Priorität der angegebenen Regel. In aufsteigender Reihenfolge der Gewichtung sind dies:

  1. Selektoren aus Stylesheets des Benutzerprogramms (Browsers)

  2. Selektoren aus Stylesheets ...

Get Das Beste an HTML & CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.