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

Question

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

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

然后我将添加更多这些小部件，但它们将从不同的类别中提取，并且也会有自己的颜色样式。您将在首页的主要内容上看到我的意思 aviva 是黄色的超级橄榄球是蓝色的等等，但我也希望小部件也能这样。

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

希望有人可以提供帮助，我很有意义。

谢谢

score 3 · Accepted Answer

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

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

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

到你的 CSS。

score 1 · Accepted Answer

有可能的。让我们以这里的“British Lions”标签为例。

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

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

我希望这有帮助。

2 回答 2