Dokumen tersebut membahas tentang specificity dalam CSS, yaitu berat setiap deklarasi CSS yang menentukan seberapa spesifik suatu elemen dapat dipilih oleh selector. Selector dengan ID (#) paling spesifik, diikuti class (.), element, dan inline. Specificity dapat ditingkatkan dengan menambahkan ID, class, atau elemen agar selector lebih spesifik.

1. CSS
specificity

2. http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/
setiap deklarasi css (selector)
memiliki berat yang berbeda. Berat
tersebut menentukan seberapa
spesifik sebuah elemen dapat dipilih
oleh selector.
“

5. #p1 lebih spesifik dari p

6. menghitung nilai
specificity

7. elementclassid
0000
inline

8. 0 1 0 0
elementclassidinline
#p1 =
0 0 0 1p =
vs.

9. 0 1 0 0#p1 =

11. ?

13. 0 0 1 0
0 1 0 2
ul#sarapan li
vs.
.favorit

14. ul#sarapan li

15. solusi ?

16. • buat elemen yang diinginkan
agar menjadi lebih spesifik
• tambahkan beban pada elemen
tersebut agar semakin berat

17. 0 0 1 0
0 1 0 2
ul#sarapan li
vs.
.favorit

18. 0 1 1 2
0 1 0 2
ul#sarapan li
vs.
ul#sarapan li.favorit

19. ul#sarapan li.favorit

21. http://specificity.keegan.st
kalkulator specificity

22. 1. tulis selector yang ingin dibandingkan
1. tulis selector yang ingin dibandingkan
2. klik jika ingin
membandingkan
lebih dari 2
selector
3. klik untuk
mengetahui
hasilnya
4. urutan yang
paling atas berarti
yang paling
spesifik

23. CSS
specificity

24. channel YouTube :
webProgrammingUNPAS

25. shukrān.
sandhikagalih@unpas.ac.id