Toolipedia Sematkan
ID
← Semua alat teks

Kalkulator spesifisitas CSS

Cari tahu selector CSS mana yang menang, dengan skor setiap selector (ID, class, elemen).

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Kalkulator spesifisitas CSS

Tempel selektor CSS dan lihat spesifisitas masing-masing sebagai tiga angka: ID, lalu kelas, atribut, dan pseudo-class, lalu elemen. Skor yang lebih tinggi menang terlepas dari urutan sumber, dan skor yang sama dimenangkan aturan yang lebih akhir. Gaya inline mengalahkan semua selektor, dan !important mengalahkan semuanya.

Cara menggunakan Kalkulator spesifisitas CSS

  1. Ketik atau tempel satu atau lebih selector CSS, satu per baris.
  2. Lihat skor untuk masing-masing, ditampilkan sebagai ID, kelas, dan elemen.
  3. Bandingkan skor untuk melihat aturan mana yang menang.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Berapa spesifisitas selektor kelas?

Satu kelas tunggal dihitung sebagai 0,1,0. ID adalah 1,0,0 dan elemen biasa seperti div adalah 0,0,1. Bandingkan dari kiri ke kanan, bukan sebagai satu angka desimal.

Apa yang terjadi saat dua selector memiliki spesifisitas yang sama?

Aturan yang muncul belakangan di stylesheet menang. Jadi urutan hanya penting jika skornya sama.

Apakah important menimpa spesifisitas?

Ya, deklarasi yang ditandai important mengalahkan yang normal terlepas dari spesifisitas. Gunakan secukupnya, karena membuat penimpaan berikutnya lebih sulit.

Apakah Kalkulator spesifisitas CSS gratis?

Ya. Kalkulator spesifisitas CSS di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Kalkulator spesifisitas CSS di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait