关于前端样式不生效，被划线过滤的说明!important

转载： https://blog.youkuaiyun.com/sheng_xinjun/article/details/54097866

今天写代码的时候，给一个div增加font-size属性时，不生效。于是我前端调试，看到如下图所示

font-size被划线了。

开始我以为是浏览器不支持，于是我换了个浏览器，但是效果还是一样。

后来同事告诉我，在12px后面加上“ !important“   

果然问题解决了。

解决之后，我去百度了解。原来这是优先级的问题。

我写的样式，优先级不够，被覆盖了，所以划线。

！important的作用是将该属性的优先级调整到最高。

原谅我第二次知道，以前见过可是没记住。所以说写博客很重要。