Skip to main content

Kalkulator specyficzności CSS

Oblicz i porównaj wyniki specyficzności selektorów CSS. Zrozum priorytety stylów, aby poprawić architekturę CSS.

🎯

Dodaj selektory, aby porównać ich specyficzność

Jak odczytać specyficzność

Inline
Bezpośrednie stylowanie przez atrybut style
ID
Selekcja przez #id
Klasy / Atrybuty / Pseudoklasy
Selekcja przez .class, [attr], :hover itp.
Elementy / Pseudoelementy
Selekcja przez div, p, ::before itp.
Udostępnij narzędzie
📖

Jak używać

Step 1

Wprowadź selektory

Wprowadź selektory

Wpisz selektory CSS

Step 2

Oblicz

Oblicz

Specyficzność obliczana jest automatycznie

Step 3

Sprawdź wyniki

Sprawdź wyniki

Sprawdź wartości specyficzności i porównanie

Funkcje

Natychmiastowe obliczenie

Oblicz specyficzność natychmiast podczas wpisywania selektorów

Porównanie selektorów

Porównuj specyficzność wielu selektorów obok siebie

Wizualizacja

Wyświetl specyficzność jako (a, b, c) i wykres słupkowy

FAQ

System określający priorytet selektora: ID > klasa > element.