DevToolBoxKOSTENLOS

CSS Spezifitaet Rechner

Berechnen Sie CSS-Selektor-Spezifitaets-Scores.

Klicken zum Ausprobieren:

h1 .title

(0,0,1,1)

0

Inline

0

IDs

1

Klassen/Attrs/Pseudo

1

Elemente/Pseudo-Elemente

#main .nav > a:hover

(0,1,2,1)

0

Inline

1

IDs

2

Klassen/Attrs/Pseudo

1

Elemente/Pseudo-Elemente

CSS Spezifitaet Rechner

CSS-Spezifitaet bestimmt, welche Stilregeln angewendet werden.

Haeufig Gestellte Fragen

Was ist CSS-Spezifitaet?

CSS-Spezifitaet ist ein Gewicht, das jedem Selektor gegeben wird, um zu bestimmen, welche Stile Vorrang haben.

Wie wird Spezifitaet berechnet?

Spezifitaet wird als 4 Werte berechnet: Inline, ID, Klasse/Attr/Pseudo, Element.

Was schlaegt was?

Inline > ID > Klasse/Attr/Pseudo > Element. !important ueberschreibt alles.

Wann !important verwenden?

Sparsam verwenden. Es macht CSS schwer wartbar.

Beeinflusst der universelle Selektor die Spezifitaet?

Nein, * hat eine Spezifitaet von null.

𝕏 Twitter in LinkedIn

Bewerten Sie dieses Tool

3.7 / 5 · 68 Bewertungen

Weitere Werkzeuge

{ }CSS-Minifizierer / Verschönerer 🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

Bleiben Sie informiert

Wöchentliche Dev-Tipps und neue Tools.

Kein Spam. Jederzeit abbestellbar.

Enjoy these free tools?

☕Buy Me a Coffee