CSS TutorialLesson 43Preview gratis
CSS Specificity
Lesson ini bagian dari CSS · Semua level
Ringkasan
Specificity adalah aturan penentu pemenang saat beberapa selector berebut elemen yang sama. Setiap selector dinilai berdasarkan bobot: inline style paling tinggi, lalu id, lalu class dan pseudo-class, lalu elemen biasa. Jika bobotnya sama, aturan yang ditulis paling akhir dalam CSS yang dipakai.
Poin kunci
- Bobot specificity dari tertinggi ke terendah: inline style, id, class atau pseudo-class, lalu elemen.
- Bila bobot sama, aturan yang muncul terakhir dalam stylesheet yang dipakai yang menang.
- Selector universal (*) tidak menambah bobot sama sekali.
- Menumpuk selector hanya demi menang bukan praktik baik; lebih rapi menyederhanakan struktur.
- DevTools menandai aturan yang kalah bertarung dengan coretan sehingga mudah diperiksa.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.