Css 如何覆盖！重要吗？

我已经为我的Wordpress模板创建了一个自定义样式表，它覆盖了原始CSS。然而，在我的日历页面上，原始CSS用

设置了每个表格单元格的高度！重要

声明：

td {height: 100px !important}

有什么方法可以覆盖此选项吗？

覆盖此选项！重要修饰语

只需使用

添加另一个CSS规则！重要信息

，并为选择器指定更高的特定性（向选择器添加额外的标记、id或类）

在比现有选择器晚的点添加具有相同选择器的CSS规则（在平局中，最后一个定义的选择器获胜）

一些具有较高特异性的示例（第一个是最高/覆盖，第三个是最低的）：

表td{高度：50px！重要；}
.myTable td{高度：50px！重要；}
#myTable td{高度：50px！重要；}

或在现有选择器之后添加相同的选择器：

td{高度：50px！重要；}

免责声明： 使用

几乎从来都不是一个好主意！重要信息

。这是WordPress模板创建者的糟糕工程。以病毒式的方式，它迫使模板用户添加他们自己的

！重要信息

修改器来覆盖它，它限制了通过JavaScript覆盖它的选项

但是，如果有时不得不这样做，知道如何覆盖它是很有用的。

只有当样式表中的选择器存在冲突时才应该使用

但是，即使您具有相互冲突的特定性，也最好为异常创建更特定的选择器。在您的HTML中最好有一个

类

，您可以使用它来创建一个更具体的选择器，而不需要

！重要

规则

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

---

我个人从不使用

！重要信息

在我的样式表中。请记住，CSS中的C用于级联。使用

！重要信息

将打破这一点。

好的，这里是一个关于CSS重要性的快速课程。我希望下面的帮助

首先，样式的每个部分都作为权重命名，所以与该样式相关的元素越多，它就越重要。比如说

#P1 .Page {height:100px;}

更重要的是：

.Page {height:100px;}

所以当使用重要的，理想情况下，这应该只在真正需要的时候使用。因此，为了克服偏差，可以使样式更具体，但也可以使用替代。见下文：

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

---

我希望这有帮助

使用JavaScript重写

$('.mytable td').attr('style', 'display: none !important');

为我工作。

这也有帮助

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

---

这将覆盖任何内联样式

我想添加一个尚未提及的答案，因为我已经尝试了上述所有方法，但均无效。我的具体情况是，我使用的是语义用户界面，它内置了

！重要

元素属性（非常烦人）。我尝试了所有方法来覆盖它，但最后只有一件事成功了（使用jquery）。详情如下:

$('.active').css('cssText', 'border-radius: 0px !important');

---

免责声明：避免！无论如何都很重要

这是一个肮脏的，肮脏的黑客，但你可以覆盖一个！重要的是，没有！重要的是，通过在属性上使用（无限循环或非常持久的）动画，您试图覆盖属性上的重要性

@关键帧强制黄色{
从{
背景颜色：黄色；
}
到{
背景颜色：黄色；
}
}
div{
宽度：100px；
高度：100px；
保证金：0自动；
背景：红色！重要；
动画：1s线性无限力黄色；
}

---

在任何情况下，您都可以使用

最大高度

覆盖

高度

您是否尝试过使用

！重要的

？如果您的CSS工作表是在原始模板之后定义的，那么它应该工作得很好。哪一个工作表排在最后，是您的还是模板的？这就是为什么

！重要

被认为是有害的。最强大的方法是：td[style]{height:110px！important；}。它的作用就像是将样式内联注入html，因为您正在将样式应用于标记的实际样式属性。我知道这有点过于老套，但您是否可以添加一条评论，说明这是一种非常糟糕的CSS创作方式（或者如果您不同意，请说明为什么可以接受）？我见过有人提到这个答案……：）回答得很好。我同意，这是一团糟。它迫使我绕过他们的黑客，然后有人绕过我的黑客，等等。。在我的例子中，我必须处理从某个数据库中提取CSS的模板。我grep数据库转储，它显示它来自1MB json blob。在查找更改位置方面，这对我来说不是很有用，迫使我将CSS添加到代码文件中，这是应该采用的方式，除了这些讨厌的黑客。另请参见：添加标记标识符可能也是一个好主意，尽管它会减慢CSS的速度。只是需要修复一个我必须放入div#header.class{style:}的地方，以便它能够。。。非常烦人

有很好的用途！重要信息

。类似于从时髦、AdBlock或uBlock脚本中覆盖浏览器或站点范围的样式。或者，当您无法合理轻松地访问基础CSS时，可能会非常复杂，分布在许多文件中，并且随着时间的推移而变化（也可能使用

！important

）。与任何工具一样，正负电位取决于你如何使用它。每当提到这类事情或goto/eval/globals/等时，人们都需要停止模仿。也可以说“避免WordPress”或“避免CSS”，因为“搞乱事情”的可能性太大了。这不是真的。一个

！重要信息

例如，样式表中的规则将覆盖

样式

标记中的常规规则。但是，在某些情况下，更具体的规则似乎会覆盖它。例如，如果您设置了

字体大小：24pt！重要信息

在

正文

上，您仍然可以在

p

上使用

字体大小：12pt

覆盖它。这是因为您没有覆盖

！重要信息

规则，您正在覆盖隐式的

字体大小：inher