It turns out that !important in CSS is used like this_Experience exchange

Click to view the effect:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .aa{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000 !important } .bb{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000; } </style> The styles of the following two DIVs are basically the same, but the plug-in (just understand what I mean) style of the first one: background-color has an !important added after it. Therefore, although the in-line CSS of the first DIV is also defined Background-color is specified, but it refers to the plug-in background-color. Others that do not specify !important are overwritten by the inline STYLE. <div class="aa" style="background-color:#cc6600;font-size:16px;">Class includes:!important style</div> <div class="bb" style="background- color:#cc6600">Excluded styles</div>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh to execute]