Question

.pull-left { float: left!important; --有些网站在写CSS的时候为什么要加个important

我试过，不加效果也一样 。这个有什么作用吗

Answer 1

!important会提升该条规则的优先级，如果有如下2条规则

.pull-left{color:red !important;}
.pull-left{color:green;}

这样pull-left文字的颜色就是红色

如果不加!important就会被第二条的规则覆盖显示为绿色了

Answer 2

提高这个样式声明的优先级。
比如你这样子写css：
.pull-left{float:left !important;}
.wrap .pull-left{float:right;}
html为：
<div class="wrap"><div class="pull-left"></div>
根据样式优先级原则，里面的类现在是左浮动，如果!important去掉就变成有浮动了。

Answer 3

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