Specificity คืออะไร

นิยามสั้น

Specificity คือคะแนนความเฉพาะเจาะจงของ selector — ยิ่งเฉพาะ ยิ่งมีสิทธิ์ชนะเมื่อกฎขัดกัน (ถ้าไม่โดน !important)

ชั้นคร่าว ๆ จากอ่อนไปแรง

1) Element / pseudo-element

2) Class / pseudo-class / attribute

3) ID

4) Inline style="..."

จำภาพนี้ก่อน: p < .lead < #hero < inline — บทถัดไปคือการนับแบบตัวเลข