Gatot Ari Wibowo’s Weblog

CSS Specificity menentukan seberapa spesifik kah sebuah aturan pada CSS. Jika ada 2 atau lebih aturan pada sebuah elemen yang sama, maka aturan paling spesifiklah yang akan dipakai oleh browser.

Nilai specificity pada CSS bisa dihitung sbb:

• Element Selector, yaitu selector yang berupa tag-tag html, contohnya div, ul, li, a
  nilai specificity = 1 (0,0,1)
• Class Selector, yaitu selector yang diawali dengan tanda titik, contohnya .menu untuk elemen dengan class="menu"
  nilai specificity = 10 (0,1,0)
• ID Selector, yaitu selector yang diawali dengan tanda #, contohnya #sidebar untuk elemen dengan id="sidebar"
  nilai specificity = 100 (1,0,0)

Read more