How to add !important when you are using css method in jQuery

Most of the developers might have faced this situation where they need to add !important while using css method in jQuery. Mostly we need to avoid using !important in our CSS style sheets but in some situations we are forced to use the same. For example: when we want to change the font-size of sub elements under a parent element because of some inheritance the font-size might not change, in these scenarios – most of the developers forcefully apply !important as a simple work-around.


If you want to add !important dynamically while using css method, then here is the way to do so.

$("#addImportant").css("cssText","font-size:15 !important;");

When we add the above line into your page, it will render like below, assuming that it has been applied to a div of id named ‘add Important’:

<div id="addImportant" style="font-size:15px !important"></div>

The above snippet has helped me in resolving one of the task which I
need to complete, and hope this might help you some situation.