กับดัก !important
มันทำอะไร
color: red !important; บังคับให้ declaration นี้ชนะคู่แข่งส่วนใหญ่ในชั้นเดียวกัน — ยกเว้น !important อื่นที่ specificity สูงกว่า
.lead {
color: navy !important; /* ทางลัดระยะสั้น ปัญหาระยะยาว */
}
ทำไมถึงเป็นกับดัก
• ทีมต้องใช้ !important ซ้อน !important
• ดีบักยากว่าใครชนะจริง
• ซ่อนปัญหา selector ที่ออกแบบไม่ดี
ใช้เมื่อจำเป็นจริง ๆ (เช่น override สไตล์จากไลบรารีที่แก้ selector ไม่ได้) — ไม่ใช่เครื่องมือแรกตอนฝึก