Skip to main content

Kalkulator Spesifisitas CSS

Hitung dan bandingkan skor spesifisitas selektor CSS. Pahami prioritas gaya untuk meningkatkan arsitektur CSS Anda.

🎯

Tambahkan selektor untuk membandingkan spesifisitasnya

Cara Membaca Spesifisitas

Inline
Styling langsung melalui atribut style
ID
Penargetan dengan #id
Kelas / Atribut / Pseudo-class
Penargetan dengan .class, [attr], :hover, dll.
Elemen / Pseudo-element
Penargetan dengan div, p, ::before, dll.
Bagikan alat ini
📖

Cara Menggunakan

Step 1

Masukkan Selektor

Masukkan Selektor

Masukkan selektor CSS

Step 2

Hitung

Hitung

Spesifisitas dihitung secara otomatis

Step 3

Lihat Hasil

Lihat Hasil

Periksa nilai spesifisitas dan perbandingan

Fitur

Perhitungan Instan

Hitung spesifisitas secara instan saat Anda mengetik selektor

Perbandingan Selektor

Bandingkan spesifisitas beberapa selektor secara berdampingan

Tampilan Visual

Tampilkan spesifisitas sebagai (a, b, c) dan grafik batang

FAQ

Sistem yang menentukan prioritas selektor: selektor ID > kelas > elemen.