CSS-Spezifitäts-Rechner

Dieser Selektor-Rechner ermittelt die Spezifität von CSS-Selektoren anhand ihrer einzelnen Bestandteile. Er analysiert die eingegebene Selektorkette und schlüsselt die vier Komponenten der Spezifitätsmatrix auf: die ID-Ebene, die Klassen- und Attributebene, die Elementebene sowie den Basiswert. Aus diesen vier Werten bildet das Werkzeug einen gewichteten numerischen Gesamtwert, der Ihnen hilft, Rangfolgen bei konkurrierenden CSS-Regeln transparent zu beurteilen. Geben Sie dazu einen beliebigen Selektor in das Eingabefeld ein. Die Auswertung erfasst ID-Muster in der ersten Komponente, Klassen, Attribute und Pseudoklassen in der zweiten Komponente sowie Element- und Pseudoelement-Muster in der dritten Komponente. Der Basiswert (vierte Komponente) bleibt meist bei null, es sei denn, der Selektor enthält keine der vorherigen Kategorien. Universalselektoren wie der Stern fließen nicht in die Wertung ein. Wird das Textfeld leer gelassen, liefert die Berechnung für alle vier Komponenten den Wert null sowie eine Gesamtspezifität von null. Anhand der aufgeschlüsselten Zahlen erkennen Sie sofort, welcher Selektor im Browser Vorrang hat, und können Kaskaden gezielt anpassen.