اذهب إلى المحتوى
  • 2

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

عامر بيرادي

السؤال

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

تم التعديل في بواسطة عامر بيرادي
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

وضع !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/

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...