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

محمد كرم

الأعضاء
  • المساهمات

    2
  • تاريخ الانضمام

  • تاريخ آخر زيارة

أجوبة بواسطة محمد كرم

  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/

    • أعجبني 1
×
×
  • أضف...