为 wordpress 插件覆盖 css？

overwrite css for wordpress plugins?

大家好，我正在尝试覆盖我们的 wp 插件上的样式并以我们自己的样式设置样式 sheet 有办法做到这一点吗？我试过用与插件同名的 sheet 风格为他们制作 类，我也试过使用 !improtant 之后……这是它在开发控制台中的样子。

这是我用来尝试覆盖插件 css 的代码。

#ai20 h3{ font-weight:bold!important; }

我也添加了这个只是为了确保但仍然没有。

.statistics h3 { font-weight:bold!important; }

我不知道为什么它不更新 css 如果有人能给我一个，我将不胜感激。

使用插件https://nl.wordpress.org/plugins/simple-custom-css/ 它会自动覆盖您当前的 css 并添加新的，我一直在使用它！您所要做的就是在插件中调用您想要设置样式的 id 或 class 并像往常一样设置样式。

您编写的新规则尚未应用，如您发布的屏幕截图所示，因此请检查您添加的 CSS 文件并确保：

  1. CSS 文件链接正确
  2. 该样式未嵌套在其他规则中
  3. CSS 文件未缓存（硬刷新）

您可以使用自定义 CSS 插件、子主题或简单地将覆盖规则添加到 Wordpress 编辑器中主 CSS 文件的末尾。

此外，ID 将优先于 class，即使 class 紧随其后。你为什么要用相同的 property/value 覆盖？

正确应用规则后，这将正常工作：

.statistics h3 { font-weight:bold }