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