不要再滥用css样式!important规则了

不要滥用css样式!important规则一、理解!important与优先级无关有的同学称css的样式优先级计算的例外规则-!important规则，为css样式优先级“最高级”，这其实有点道理，因为从作用结果上看，这似乎符合事实的。不管内联样式，还是百八十嵌套层的样式选择器组合，都可以被!important覆盖。例如下面这个优先级...

这里涉及到css规则的优先级问题,css的优先级是根据class和id算出来的一个值,具体就是:包括一个class加10,包括一个id加100,包括一个tag(如a, span, div)加1,但是如果被!important修饰,则优先级总是最大的。所以important提供了一种暴力解决优先级的问题,你不需要再去算了,如果你非要把一个样式应用上去,其他...

在 CSS 中，！important 规则用于增加样式的权重。！important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 但是，使用 !important 规则会破坏固有的级联规则，让调试找 bug，以及覆盖样式都变得更加困难。因此，我们应该尽量避免使用 !important 规则...

关键字!important必须放在一行样式的末尾并且要放在该行分号前，否则就没有效果。 （不过分号前的空格不会影响它）如果因为一些特殊原因，你不得不在一个代码块中声明两个同样的属性，那么请把!important加在第一个属性后面，因为这样做会让所有浏览器中第一个属性的权重更大，而IE6除外（这是一个只有...

在CSS中，我们有时需要调整样式规则的优先级，这时!important属性就派上用场了。它的基本语法是: 选择器{样式:值!important;}。这个属性的作用是提升特定样式规则的执行优先级，确保浏览器优先执行带有!important的声明。例如，设想你有这样一个样式规则：margin-left:20px!important。在现代浏览器（除了IE...

通配符，表示所有*{margin-bottom:20px;}重置所有元素的下边距。!important，作用是提高指定样式规则的应用优先权

css里面的“ !important”：提高指定CSS样式规则的应用优先权。一个设计好的css（基本）不需要用到，important。一般什么时候用，我个人认为顶替其他框架的样式（比如：bootstrap框架），框架有自己框架的东西（它也加上!important），但是我们需要替换掉，这时候就用上。当然不同人有不同建议。

比如以前定义了 .red{color:red} ...tit{color:green} 但又有如下html 我的颜色是什么？ 那么，自己想红色就是要色红，别的样式不能再改变了（提高红色的优先级），那这个时候就可以用!important了。.red{color:red!important}

反之则不行。然而,对覆盖平衡而言,加上一个“!important”优先级大于正常的CSS属性的优先级。何时使用：在解决项目bug时，发现书写了样式无法生效，优先级不够高，这时就可以使用它了；正常开发中不推荐使用它，除非万不得已了，你再用它吧；部分资料参考HTML5学堂；

代码： 3、创建style标签，然后创建一个class类为btn用于设置按钮样式，其中按钮的背景设置background-color:#009F95!important;代码： .btn{ border:1pxsolid#ddd;padding:5px8px;background-color:#009F95!important;} 4、给按钮input标签添加class="btn"。代码： 5、引入jquery库，然后新建一个scrip...