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

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