• 1

ماذا تعني important! في CSS ؟

لاحظت وضع كلمة important! في ملفات الـcss لم أعرف ماهو استخدامها ومتى نحن بحاجة لإضافتها؟

تمّ تعديل بواسطة عامر بيرادي

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

وضع !important يغير في نظام الأولوية الخاص بالـCSS ، و لتوضيح أكثر دعنا ننظر لهذا الكود

<div id="parent">
    <p>Hello World</p>
</div>

الآن انظر إلى كود CSS التالي:

p{
    color: red;
}
.parent p
{
    color: blue;
}

في هذا الكود ستعطي CSS الأولوية في التنفيذ لـ.parent p وذلك حسب نظام الأولوية الخاص بـCSS ، أي سيكون لون النص أزرق

و الآن انظر لهذا الكود بعد اضافة !important

    p{
  color: red !important;
}
.parent p
{
  color: blue;
}

جعلنا الـCSS تجبر المتصفح على جعل لون الـ<p> أحمر.

وبهذا يمكننا أن نقول أن !important تجعل الخاصية المكتوبة عندها تنفذ بغض النظر عن أي اعتبارات أخرى

و لمزيد من التوضيح انظر هذه المقالة http://www.hongkiat.com/blog/css-priority-level/

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن