css - 使用 CSS 定位特定的小部件标题

Question

在我的 wordpress 驱动的网站上，我有小部件标题框，如果您看一下，您会看到我在网站右侧的左侧边栏中有一个标题为“英国狮子”的标题框。

这是一个类别小部件，只会显示该类别的帖子。我想将标题框从绿色更改为红色以匹配“英国狮子”风格。

然后我会添加更多这样的小部件，但它们会从不同的类别中提取出来，并且还会有自己的颜色样式。您会明白我在首页主要内容上的意思，aviva 是黄色的， super 橄榄球是蓝色的，等等，但我也希望将其用于小部件。

我如何使用 CSS 定位特定的小部件框来更改背景。我尝试过使用 Firebug ，但它似乎更改了所有小部件标题框，而不是我想要的那个特定标题框。

http://www.rugbyclubhouse.net

希望有人能提供帮助，我说得有道理。

谢谢

Answer 1

您可以通过其 ID #feacpost_featuredcategorypostswidget-2 访问它。

所以你可以添加类似的东西

#feacpost_featuredcategorypostswidget-2 h3 {
    background-color: #b22023;
}

到你的 CSS。