WordPress 小部件的所有实例的 CSS 样式

Question

我正在开发一个使用几个不同小部件的网站。所有小部件都有特定的样式，并且它们都不同。但是，该小部件的每个实例都是相同的。

例如，最近的帖子小部件有紫色背景，没有其他小部件有紫色背景，但每次使用最近的帖子小部件时它都有紫色背景。

当我将 css 放入我的主题中时，我注意到小部件附加了它的实例，例如recent-posts-2 但问题是，如果我随后将最近的帖子小部件拖到另一个侧边栏中，它会变成 recent-posts-3 并且我的 css 不再有效。

有谁知道我如何为最近的帖子的整个系列创建 css，以便无论实例是什么 css 都可以工作？

非常感谢!

Answer 1

如果不看代码就无法帮助你，但我会想到你的描述的唯一解决方案是使用一些 jQuery 使用 contains 选择器，找到一个你知道不会改变的字符串然后使用 addClass() 在 css 中添加一个带有 background-color:purple !important; 的类。

例如 $('.sidebar .widget:contains("text")').addClass('purlplebg');