如何覆盖！重要？

这里有几个答案对我有用。谢谢。我应该提到的一件事是，根据我自己的经验，也许还有很多人在这里寻找答案的经验，我敢肯定大多数人都不想使用！important，但必须这样做。我在许多项目中使用Joomla CMS，并且模板开发人员使用！important来喷洒其代码。很难解决他们的代码，并且在覆盖文件中，使用！important的次数比实际所需的次数多。

无论如何，您都可以使用max-height覆盖“ height”

免责声明：不惜一切代价避免！important。

这是一个肮脏的，肮脏的hack，但是您可以通过在要覆盖其重要内容的属性上使用（无限循环或持续时间很长的）动画来覆盖！important而不使用！important。

@keyframes forceYellow {
  from {
    background-color: yellow;
  }
  to {
    background-color: yellow;
  }
}

div {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: red !important;
  animation: 1s linear infinite forceYellow;
}

<div></div>

好的，这是有关CSS重要性的快速课程。希望以下内容对您有所帮助！

首先，将样式的每个部分都命名为权重，因此与该样式相关的元素越多，它就越重要。例如

#P1 .Page {height:100px;}

比以下更重要：

.Page {height:100px;}

因此，在使用重要功能时，理想情况下，只有在真正需要时才使用它。因此，要覆盖细节，使样式更具体，但也要覆盖。见下文：

td {width:100px !important;}
table tr td .override {width:150px !important;}

我希望这有帮助！！！

在!important当您在样式表冲突的有选择，才应使用特异性。

但是，即使您的特异性冲突，也最好为异常创建一个更具体的选择器。在您的情况下，最好class在HTML中添加一个，您可以使用它创建一个不需要!important规则的更具体的选择器。

td.a-semantic-class-name { height: 100px; }

我个人从不!important在样式表中使用。请记住，CSS中的C是用于级联的。使用!important将打破这一点。

这也可以帮助

td[style] {height: 50px !important;}

这将覆盖任何内联样式