Toolipedia Einbetten
DE
← Alle Text-Tools

CSS-Spezifität-Rechner

Herausfinden, welcher CSS-Selektor gewinnt, mit dem Wert jedes Selektors (IDs, Klassen, Elemente).

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über CSS-Spezifität-Rechner

Fügen Sie CSS-Selektoren ein und sehen Sie die Spezifität jedes einzelnen als drei Zahlen: IDs, dann Klassen, Attribute und Pseudoklassen, dann Elemente. Der höhere Wert gewinnt unabhängig von der Reihenfolge im Quelltext, bei gleichem Wert gilt die spätere Regel. Inline-Stile schlagen alle Selektoren, und !important schlägt diese.

So verwenden Sie CSS-Spezifität-Rechner

  1. Gib einen oder mehrere CSS-Selektoren ein, einen pro Zeile.
  2. Lies den Wert für jeden ab, angezeigt als IDs, Klassen und Elemente.
  3. Vergleiche die Werte, um zu sehen, welche Regel gewinnt.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Wie hoch ist die Spezifität eines Klassenselektors?

Eine einzelne Klasse zählt als 0,1,0. Eine ID ist 1,0,0 und ein einfaches Element wie div ist 0,0,1. Vergleichen Sie sie von links nach rechts, nicht als eine einzige Dezimalzahl.

Was passiert, wenn zwei Selektoren dieselbe Spezifität haben?

Die Regel, die später im Stylesheet erscheint, gewinnt. Die Reihenfolge zählt also nur bei gleichen Werten.

Überschreibt important die Spezifität?

Ja, eine als important markierte Deklaration schlägt normale unabhängig von der Spezifität. Nutze sie sparsam, da sie spätere Überschreibungen erschwert.

Ist CSS-Spezifität-Rechner kostenlos?

Ja. CSS-Spezifität-Rechner auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Kann ich CSS-Spezifität-Rechner auf meiner eigenen Website einsetzen?

Ja. Nutze unter dem Tool die Schaltfläche „Auf deiner Website einbetten“, um ein kurzes Stück Code zu kopieren und in deine Seite einzufügen. Es ist kostenlos, braucht kein Konto, und das Tool funktioniert weiter innerhalb deiner Seite.

Ähnliche Tools