Skip to main content

CSS-Spezifitätsrechner

CSS-Selektor-Spezifitätswerte berechnen und vergleichen. Stilpriorität verstehen, um Ihre CSS-Architektur zu verbessern.

🎯

Selektoren hinzufügen, um ihre Spezifität zu vergleichen

Spezifität lesen

Inline
Direkte Stilzuweisung über das style-Attribut
IDs
Ansprechen mit #id
Klassen / Attribute / Pseudoklassen
Ansprechen mit .class, [attr], :hover usw.
Elemente / Pseudoelemente
Ansprechen mit div, p, ::before usw.
Tool teilen
📖

Anleitung

Step 1

Selektoren eingeben

Selektoren eingeben

CSS-Selektoren eingeben

Step 2

Berechnen

Berechnen

Spezifität wird automatisch berechnet

Step 3

Ergebnisse ansehen

Ergebnisse ansehen

Spezifitätswerte und Vergleich prüfen

Funktionen

Sofortige Berechnung

Spezifität sofort beim Eingeben von Selektoren berechnen

Selektor-Vergleich

Spezifität mehrerer Selektoren nebeneinander vergleichen

Visuelle Darstellung

Spezifität als (a, b, c) und Balkendiagramm anzeigen

FAQ

Ein System zur Bestimmung der Selektor-Priorität: ID > Klasse > Element-Selektoren.