2024-02-07 08:00:06

如何覆盖!重要?

我已经创建了一个自定义样式表,它覆盖了我的Wordpress模板的原始CSS。然而,在我的日历页面上,原始CSS有每个表单元格的高度设置!重要声明:

td {height: 100px !important}

有什么办法能让我无视它吗?


当前回答

使用JavaScript重写

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

为我工作。

其他回答

在任何情况下,您都可以使用max-height覆盖height。

免责声明:无论如何都要避免!

这是一个肮脏的,肮脏的hack,但是你可以覆盖!important,没有!important,通过在你试图覆盖important的属性上使用(无限循环或非常长时间的)动画。

@keyframes forceYellow { 从{ 背景颜色:黄色; } , { 背景颜色:黄色; } } div { 宽度:100 px; 身高:100 px; 保证金:0自动; 背景:红色!重要; 动画:1s线性无限力黄色; } < div > < / div >

我想补充一个没有提到的答案,因为我尝试了以上所有的方法都没有效果。我的具体情况是我正在使用semantic-ui,它在元素上内置了!important属性(非常烦人)。我尝试了一切重写它,只有在最后做了一件事(使用jquery)。具体如下:

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

这也有帮助

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

这将覆盖任何内联样式

我发现了一个很酷的技巧:不。 如果上面的方法对你没有帮助,那么试试这个:

.page-width:not(.anything) {

}