Specificity คืออะไร
นิยามสั้น
Specificity คือคะแนนความเฉพาะเจาะจงของ selector — ยิ่งเฉพาะ ยิ่งมีสิทธิ์ชนะเมื่อกฎขัดกัน (ถ้าไม่โดน !important)
ชั้นคร่าว ๆ จากอ่อนไปแรง
1) Element / pseudo-element
2) Class / pseudo-class / attribute
3) ID
4) Inline style="..."
จำภาพนี้ก่อน:
p < .lead < #hero < inline — บทถัดไปคือการนับแบบตัวเลข