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

Question

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

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

然后我将添加更多这些小部件，但它们将从不同的类别中提取，并且还将具有自己的颜色样式。你会在头版主要内容上看到我的意思aviva是黄色超级橄榄球是蓝色等等，但我想要这个小部件以及。

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

http://www.rugbyclubhouse.net

希望有人能提供帮助，我才有意义。

由于

Answer 1

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

所以你可以添加像

这样的东西

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

到您的CSS。

Answer 2

有可能。 让我们以“英国狮子会”标签为例。

#feacpost_featuredcategorypostswidget-2 h3 {
    background-color: #ff0000 !important;
}

把这个css放在你自己的样式表中。

我希望这会有所帮助。