我已经创建了一个自定义样式表，它覆盖了我的Wordpress模板的原始CSS。然而，在我的日历页面上，原始CSS有每个表单元格的高度设置!重要声明:
td {height: 100px !important}
有什么办法能让我无视它吗?
当前回答
除了覆盖由style属性设置的样式外，只有当样式表中的选择器具有冲突的特异性时，才应该使用!important。
但是，即使您有冲突的专一性，最好为异常创建一个更专一的选择器。在你的情况下，最好在你的HTML中有一个类，你可以用它来创建一个不需要!important规则的更特定的选择器。
td.a-semantic-class-name { height: 100px; }
我个人从未在样式表中使用!important。记住，CSS中的C表示级联。使用!important会破坏这个。
其他回答
我想补充一个没有提到的答案，因为我尝试了以上所有的方法都没有效果。我的具体情况是我正在使用semantic-ui，它在元素上内置了!important属性(非常烦人)。我尝试了一切重写它，只有在最后做了一件事(使用jquery)。具体如下:
$('.active').css('cssText', 'border-radius: 0px !important');
免责声明:无论如何都要避免!
这是一个肮脏的，肮脏的hack，但是你可以覆盖!important，没有!important，通过在你试图覆盖important的属性上使用(无限循环或非常长时间的)动画。
@keyframes forceYellow { 从{ 背景颜色:黄色; ｝ , { 背景颜色:黄色; ｝ ｝ div { 宽度:100 px; 身高:100 px; 保证金:0自动; 背景:红色!重要; 动画:1s线性无限力黄色; ｝ < div > < / div >
如果您试图重写在类中定义的!important标记。只需在id标记中指定您的属性。Id的优先级高于class。
这也有帮助
td[style] {height: 50px !important;}
这将覆盖任何内联样式
使用JavaScript重写
$('.mytable td').attr('style', 'display: none !important');
为我工作。
