ทำไมต้องมี selectors ขั้นสูง
ปัญหาที่เจอบ่อย
ใส่ class ทุกแท็กจน HTML รก หรือใช้กฎ p { } แล้วกระทบย่อหน้าที่ไม่ต้องการ
ทางออก
ใช้ความสัมพันธ์ในต้นไม้ (ลูก หลาน พี่น้อง) และสถานะ (:hover, :focus) เพื่อเลือกเป้าให้ตรง โดยไม่ต้องสร้าง class ใหม่ทุกจุด
ยังคงใช้ class เป็นหลักเมื่อต้องการชื่อที่อ่านรู้เรื่อง — combinators เป็นเครื่องมือเสริม ไม่ใช่แทน class ทั้งหมด