覆盖wordpress插件的CSS？

Question

嗨，大家好我试图覆盖我们的wp插件上的样式并在我们自己的样式表中设置样式有没有办法做到这一点？香港专业教育学院尝试在样式表中为他们制作类，与插件同名，我也尝试过使用!improtant之后......这就是它在开发控制台中的样子。

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

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

我也添加了这个以确保仍然没有。

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

我不知道为什么它没有更新css如果有人能给我一个我会非常感激。

Answer 1

您编写的新规则尚未应用，您可以在发布的屏幕截图中看到，因此请检查您添加的CSS文件，并确保：

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

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

此外，ID将优先于该类，即使该类在它之后。为什么要尝试使用相同的属性/值覆盖？

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

.statistics h3 { font-weight:bold }

Answer 2

使用插件{{3}} 它会自动覆盖你当前的css并添加新的css，我总是使用它！您所要做的就是调用要在插件中设置样式的id或类，并按照通常的方式设置样式。