在CSS中使用“！重要”意味着什么？

Question

在CSS中使用“！重要”意味着什么？

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

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

以使其按预期显示。这做法不好吗？或者是!important命令可以使用吗？这会导致更多的不想要的事情吗？

Answer 1

!important强制语句始终适用，执行以下操作：即使选择器是不那么具体和低水平，它现在击败了更高的特异性选择器。如果该语句在正常情况下会覆盖该语句，则不再覆盖重要语句。大多数时候，!important可以避免这种情况，因为选择器的特殊性处理了哪一种方法生效，这就是级联样式的概念。然而，在某些情况下(不太记得确切的情况)，特定性不那么符合逻辑，我不得不强制!important在口供上。不使用/避免的理由!important?防止用户使用自定义样式表(现在无法覆盖标记为重要的规则)，这会破坏某些人的可访问性使代码更难阅读，因为头脑通常很容易获得专一性，但记住的是!important使人更难读懂

Answer 2

这个问题有点晚了，但它说“无论应用了什么其他样式，请忽略它们并使用此样式。“.你可能会觉得有点困惑!前部(指.)!important)因为这在javascript中不是操作符，但是在CSS中，它被称为分隔符令牌，它只是表示优先。下面是一个例子。无!important:.set-color{   color: blue;  }.set-color{   color: red;  }产出红色!important关于底部属性(相同).set-color{   color: blue;  }.set-color{   color: red !important;  }产出红色(无论如何都会是红色的)!important顶属性(相同).set-color{   color: blue !important;  }.set-color{   color: red;  }产出蓝色(说忽略红色，使用蓝色)