یه استایل اعمال نمیشه؟
اولین واکنش خیلی‌ها:
.button {
color: red !important;
}کار نکرد؟
.button {
color: blue !important;
}و این چرخه ادامه پیدا می‌کنه 😄
مشکل اینجاست که !important شاید همون لحظه مشکلت رو حل کنه، ولی Specificity کدت رو پیچیده‌تر می‌کنه.
بعداً برای Override کردنش مجبور میشی دوباره Specificity بالاتری بنویسی یا حتی !important دیگه‌ای استفاده کنی.
نتیجه:
!important
↓
!important
↓
!important
↓
💀 CSS Hell
قبل از استفاده از !important اول بررسی کن:
*آیا Selector قوی‌تری وجود داره؟
* ترتیب CSSها درسته؟
* یک استایل قالب یا افزونه داره Override می‌کنه؟
* اصلاً ساختار کلاس‌ها درست طراحی شده؟
استفاده از important! ابزار بدی نیست؛ استفاده بی‌دلیل ازش بده.
گاهی بهترین CSS، کدی نیست که اضافه می‌کنی؛ کدی‌ـه که دلیل وجودش رو پیدا می‌کنی و حذفش می‌کنی.
@CodeVerse_dev