在css中给样式设置 !important 可以使该样式不被优先级更高的选择器覆盖。
例如:
<div class="test" id="abc"></div>
.test{
color: red;
}
该样式会被 优先级更高的 id选择器覆盖 color。
#abc{
color: blue;
}
但若加上 !important 就不会被优先级更高的 id选择器覆盖了
.test{
color: red !important ;
}
但如果id选择器也加上 !important 还是会被覆盖。
#abc{
color: blue !important ;
}