如何覆盖 CSS 中的 `!important` 规则？

覆盖 CSS 中的 !important 规则

在为 WordPress 模板自定义 CSS 时，会遇到原始 CSS 使用 !important 声明设置属性，使其成为难以覆盖。

覆盖方法

覆盖!重要的规则，有两种方法：

1. 增加选择器特异性：向选择器添加额外的标签、ID或类，赋予它比选择器更高的特异性原来的规则。例如：

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

2. 重新排序CSS规则：稍后在样式表中添加相同的选择器，因为最后定义的规则在事件中获胜领带：

   td {height: 100px !important;}
   td {height: 50px !important;}

附加注意事项

虽然覆盖 !important 可以解决特定问题，但值得注意的是，在 Web 开发中通常不鼓励使用它。严重依赖 !important 是糟糕的工程，可能会导致过度的特异性，使 CSS 维护变得复杂。

以上是如何覆盖 CSS 中的 `!important` 规则？的详细内容。更多信息请关注PHP中文网其他相关文章！