小编典典

如何覆盖!重要?

css

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

td {height: 100px !important}

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


阅读 354

收藏
2020-05-16

共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覆盖它的选项。

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

2020-05-16