css - 如何从 styles.css 覆盖 wordpress 中插件的 CSS

Question

我正在使用插件:“Wordpress Contact Form 7”。

我想用我自己的 CSS 覆盖插件使用的 CSS。我想以这样一种方式来做到这一点，即使我更新了这个插件，或者改变了我的主题，我的改变仍然存在。

最好的方法是什么？到目前为止，我一直在尝试编辑主题的 style.css。但这产生了不充分的结果。由于 style.css 可能会在插件的 css 之前加载，因此 css 可能会被插件覆盖。仅当我为插件 css 中未定义的内容指定属性时，它才有效。

Answer 1

如果您只有少量修改要应用，那么覆盖插件样式表的最简单方法是在 style.css 中您要定位的元素前面添加 body 文件。添加 body 为选择器添加了 CSS 特性，允许它覆盖原始样式。正如 Reyzis 所说。

body .plugin-class {
    font-size: 30px;
}