Kalkulator Spesifisitas CSS

Hitung skor spesifisitas selektor CSS.

Klik untuk mencoba:

h1 .title

(0,0,1,1)

Inline

Kelas/Attr/Pseudo

Elemen/Pseudo

#main .nav > a:hover

(0,1,2,1)

Inline

Kelas/Attr/Pseudo

Elemen/Pseudo

Spesifisitas CSS menentukan aturan mana yang diterapkan.

FAQ

Apa itu spesifisitas CSS?

Bobot yang diberikan pada setiap selektor.

Cara menghitung?

Sebagai 4 nilai.

Apa yang menang?

Inline > ID > kelas > elemen.

Kapan !important?

Gunakan hemat.

Selektor universal?

Tidak, * bernilai nol.

Nilai alat ini

3.7 / 5 · 68 penilaian

Dapatkan tips dev mingguan dan tool baru.

Tanpa spam. Berhenti kapan saja.

Enjoy these free tools?