css - 用于 Contact-Form 7 插件的 CSS，没有在整个网站上得到同等选择

我已经为联系人 7 表单调整了 CSS，并且我通过模态窗口显示了联系人 7。

在一个页面（主页）中，Modal 窗口会为该 Contact 7 表单选择正确的 CSS。一切看起来都如我所愿。

但是在其他剩余的页面上，模态窗口选择了相同的 Contact 7 表单，但没有相同的 CSS。

一切正常的示例网址： https ://whitesaxevents.com/ （单击右上角的“浮动滑块”，它将弹出一个带有 CSS 的联系表单，就像我想要的那样）

未应用 CSS 的其他 2 个页面： https ://whitesaxevents.com/artistas/ 和https://whitesaxevents.com/parcerias/

在这两个 URL 上，CSS 与前一个不同，但我调用完全相同的联系人 7 表单“短代码”。

有什么提示吗？

我已经将 !important 放在我想要覆盖的 CSS 元素上，但我仍然在联系表单上使用不同的样式，这取决于我调用模态的 URL。所有这些 CSS 调整都是使用 Wordpress 上的默认自定义 CSS 完成的。

标签： csswordpresscss-selectorswordpress-theming

你的 id 不匹配，所以这个 css 选择器不起作用（div#wpcf7-f81862-o2.wpcf7）

id="wpcf7-f81862-o1" <- 没有样式

id="wpcf7-f81862-o2" <- 样式