我已经创建了一个自定义样式表,它覆盖了我的Wordpress模板的原始CSS。然而,在我的日历页面上,原始CSS有每个表单元格的高度设置!重要声明:
td {height: 100px !important}
有什么办法能让我无视它吗?
我已经创建了一个自定义样式表,它覆盖了我的Wordpress模板的原始CSS。然而,在我的日历页面上,原始CSS有每个表单元格的高度设置!重要声明:
td {height: 100px !important}
有什么办法能让我无视它吗?
当前回答
如果您试图重写在类中定义的!important标记。只需在id标记中指定您的属性。Id的优先级高于class。
其他回答
我想补充一个没有提到的答案,因为我尝试了以上所有的方法都没有效果。我的具体情况是我正在使用semantic-ui,它在元素上内置了!important属性(非常烦人)。我尝试了一切重写它,只有在最后做了一件事(使用jquery)。具体如下:
$('.active').css('cssText', 'border-radius: 0px !important');
这也有帮助
td[style] {height: 50px !important;}
这将覆盖任何内联样式
你可以在选择器中使用更高的特异性。
td {height: 100px !important}
/* higher precedence */
table td {height: 200px !important}
我在这里写了一篇关于如何重写CSS的详细文章。
我发现了一个很酷的技巧:不。 如果上面的方法对你没有帮助,那么试试这个:
.page-width:not(.anything) {
}
如果您试图重写在类中定义的!important标记。只需在id标记中指定您的属性。Id的优先级高于class。