Question

如何使样式CSS不被覆盖 important

Answer 1

1. 一般直接问important的样式不被覆盖，这样是误解的，因为解决办法也需要使用important
   

   解决办法一:

   div{font-size:100px!important;}

   div{font-size:50px!important;}

   这样下面的样式就覆盖了上面的样式，使第一个样式失效

   解决办法二:

   <div style="font-size:30px!important;">123456</div>

  行内样式级别大于，外部样式，所以这样也可以去除以前设置的important的样式。

  其他的方式，我还真没有找到能可以代替的办法，希望我的回答对你有所帮助！！！

Answer 2

Vue实践-CSS样式position/display/float属性对比使用