如何覆盖！重要？

Question

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

td {height: 100px !important}

有什么办法可以覆盖这个吗？

Answer 1

覆盖！important修饰符

1. 只需使用添加另一个CSS规则!important，并赋予选择器更高的特异性（向选择器添加其他标签，id或类）
2. 在比现有选择器晚的位置添加具有相同选择器的CSS规则（平局中，最后一个定义的获胜者）。

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

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

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

td {height: 50px !important;}

免责声明：

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

但是，有时有时需要知道 如何 覆盖它，这很有用。