ทำไมต้องมี selectors ขั้นสูง

ปัญหาที่เจอบ่อย

ใส่ class ทุกแท็กจน HTML รก หรือใช้กฎ p { } แล้วกระทบย่อหน้าที่ไม่ต้องการ

ทางออก

ใช้ความสัมพันธ์ในต้นไม้ (ลูก หลาน พี่น้อง) และสถานะ (:hover, :focus) เพื่อเลือกเป้าให้ตรง โดยไม่ต้องสร้าง class ใหม่ทุกจุด

ยังคงใช้ class เป็นหลักเมื่อต้องการชื่อที่อ่านรู้เรื่อง — combinators เป็นเครื่องมือเสริม ไม่ใช่แทน class ทั้งหมด