如何重写！重要？

我创build了一个自定义样式表，覆盖了我的Wordpress模板的原始CSS。但是，在我的日历页面上，原始的CSS具有使用!important声明设置的每个表格单元格的高度：

 td {height: 100px !important}

有什么方法可以覆盖这个？

重写！重要的修饰符

使用!important添加另一个CSS规则，并为select器提供更高的特性（向select器中添加额外的标记，id或class），或者在比现有select器更多的时间添加CSS规则一个领带，最后一个定义胜利）。

一些具有更高特异性的例子：

 table td {height: 50px !important;} .myTable td {height: 50px !important;} #myTable td {height: 50px !important;}

或者在现有select器之后添加相同的select器：

 td {height: 50px !important;}

使用!important几乎不是一个好主意。这是WordPress模板的创造者的糟糕工程。以病毒的方式，它强制模板的用户添加他们自己的!important修饰符来覆盖它，并且限制了通过JavaScript覆盖它的选项。

但是，如果您有时必须知道如何覆盖它是有用的。

只有当你的样式表中的select符具有相互冲突的特性时，才能使用!important 。

但是，即使你有特殊的冲突，最好为exception创build一个更具体的select器。在你的情况下，最好在你的HTML中有一个class ，你可以使用它来创build一个不需要!important规则的更具体的select器。

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

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

好的，这里是一个关于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;}

这将覆盖任何内联样式

我想补充一个没有提到的答案，因为我已经尝试了所有上述的无济于事。我的具体情况是，我正在使用semantic-ui，它内置了元素的!important属性（非常讨厌）。我试图覆盖它，只有最后做了一件事情（使用jQuery）。具体如下：

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