Was versteht man unter CSS-Spezifität?
Die CSS-Spezifität legt im Konfliktfall fest, welche CSS-Eigenschaft den Vorrang hat. Sie ist abhängig vom jeweiligen CSS-Selektor, da verschiedene Selektoren verschieden hohe Spezifitäten besitzen. Treffen zwei Selektoren aufeinander, gewinnt derjenige mit der höheren Spezifität.
Elementselektoren und Pseudo-Elemente (h1, p, div etc.) haben beispielsweise eine geringere Spezifität als Klassen (.name-der-klasse) oder Pseudoklassen. Eine ID (#name-der-id) überschreibt auch Klassen. Mit Verkettungen kann die Spezifität eines Elements weiter angehoben werden.
Einen detaillierten Beitrag haben wir hier veröffentlicht.
