CSS - Important
CSS - استخدام !important
🔸 تُستخدم !important في CSS لإعطاء خاصية معينة أولوية قصوى، بحيث لا يتم تجاهلها حتى لو كانت هناك قواعد أخرى أكثر تحديدًا (مثل inline styles أو قواعد أخرى أكثر تفصيلًا).
🔹 الصيغة العامة
selector {
property: value !important;
}
📌 يتم كتابة !important بعد القيمة مباشرة، وقبل الفاصلة المنقوطة ;.
🧪 مثال على تجاوز قواعد أخرى
<style>
p {
color: blue !important;
}
#special {
color: red;
}
</style>
<p id="special">هذا النص سيكون باللون الأزرق، رغم وجود قاعدة أخرى!</p>
✅ تم تطبيق اللون الأزرق لأنه يحتوي على !important، رغم أن القاعدة الثانية أكثر تحديدًا.
⚠️ ملاحظات وتحذيرات
!importantيجب استخدامه فقط عند الضرورة القصوى.- الإفراط في استخدامه يجعل كود CSS صعب الصيانة والتعديل لاحقًا.
- الحل الأفضل هو استخدام قواعد CSS دقيقة ومتسلسلة بشكل صحيح لتجنب الحاجة إلى
!important. - إذا كان هناك أكثر من قاعدة تحتوي على
!important، يتم تطبيق القاعدة الأحدث أو الأكثر تحديدًا.
تعليقات
إرسال تعليق