在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;
 }

产出蓝色(说忽略红色，使用蓝色)