我已经在一个网站上工作了几个月,很多时候当我试图编辑一些东西时,我必须使用!important,例如:

div.myDiv { 
    width: 400px !important;
}

为了让它按预期显示。这是不好的做法吗?或者可以使用!important命令吗?这是否会导致后续出现不希望出现的情况?


当前回答

这个问题有点晚了,但它说的是“不管应用了什么其他风格,忽略它们,使用这个”。你可能会发现它有点困惑!因为在javascript中它不是一个运算符,但在CSS中它被称为一个分隔符令牌,只是表示优先级。这里有一个例子。


没有!重要的是:

.set-color{
  color: blue;
 }

.set-color{
  color: red;
 }

输出红色


!重要的底部属性(相同的)

.set-color{
  color: blue;
 }

.set-color{
  color: red !important;
 }

输出红色(本来是红色的)


!重要的顶部属性(相同的)

.set-color{
  color: blue !important;
 }

.set-color{
  color: red;
 }

输出蓝色(表示忽略红色,使用蓝色)


其他回答

!重要的力量,这句话总是适用,做这些事情:

即使选择器的特异性较低,级别也较低,它现在也优于特异性较高的选择器 如果该语句再次出现,通常会覆盖该语句,那么它将不再覆盖该重要语句

大多数情况下,可以避免使用!important,因为选择器的特殊性决定了哪个选择器生效,这就是级联样式的思想。然而,在某些情况下(我不太记得具体是什么情况了),特异性就不那么符合逻辑了,我不得不在语句中强加!important。

不使用/避免的原因!

阻止用户使用自定义样式表(现在不能覆盖标记为重要的规则),这破坏了某些人的可访问性 使代码更难阅读,因为大脑通常很容易接受特殊性,但记住什么是重要的会使代码更难阅读

我不会建议你使用它,除非它是必要的,有时可能是你的情况,因为你正在处理一个现有的项目。但是尽量远离它,尽量少用!重要的。

问题是,如果你使用太多,那么其中一个可能会无意中覆盖另一个。你的代码也不容易读懂,任何在你之后维护它的人都会把他/她的头发撕成碎片,因为每次你在CSS中做一些事情时都试图找到!important是一种巨大的痛苦。

检查这个:http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

important是一个因子,它会使你的代码因为某些被重写的东西而失效

!它并不意味着逻辑上的不,这样在代码中就会让人感到不安。重要的是经常是一个巨大的事故在计算。

例如,如果你想让它显示:block; 但是你已经定义了display: none;:

p { 显示:没有; important /*现在重写*/; } < / p > < p >一些段落

important是一个最好避免的关键字,什么时候使用它,它可能是一个有影响力的时间,请点击这个链接,看看什么时候使用!important, !important风格规则- css技巧

不奇怪什么

如果你想透支wp-plugins的默认属性,我认为有时候使用!important是“必须做的工作”。

我今天才用过,这是我完成任务的唯一方法。 也许不是做某事的好方法,但有时是唯一的方法。

这个问题有点晚了,但它说的是“不管应用了什么其他风格,忽略它们,使用这个”。你可能会发现它有点困惑!因为在javascript中它不是一个运算符,但在CSS中它被称为一个分隔符令牌,只是表示优先级。这里有一个例子。


没有!重要的是:

.set-color{
  color: blue;
 }

.set-color{
  color: red;
 }

输出红色


!重要的底部属性(相同的)

.set-color{
  color: blue;
 }

.set-color{
  color: red !important;
 }

输出红色(本来是红色的)


!重要的顶部属性(相同的)

.set-color{
  color: blue !important;
 }

.set-color{
  color: red;
 }

输出蓝色(表示忽略红色,使用蓝色)