กับดัก !important

มันทำอะไร

color: red !important; บังคับให้ declaration นี้ชนะคู่แข่งส่วนใหญ่ในชั้นเดียวกัน — ยกเว้น !important อื่นที่ specificity สูงกว่า

.lead {
  color: navy !important; /* ทางลัดระยะสั้น ปัญหาระยะยาว */
}

ทำไมถึงเป็นกับดัก

• ทีมต้องใช้ !important ซ้อน !important

• ดีบักยากว่าใครชนะจริง

• ซ่อนปัญหา selector ที่ออกแบบไม่ดี

ใช้เมื่อจำเป็นจริง ๆ (เช่น override สไตล์จากไลบรารีที่แก้ selector ไม่ได้) — ไม่ใช่เครื่องมือแรกตอนฝึก