body class 内的目标 css 个图像

Question

在 Joomla 中，我有几个页面应用了 "government" 的 CSS class 到 body 标签。我需要在这些页面上的 btcontensliderxxx div 内设置缩略图 img 标签的样式，使其具有红色 3px 边框。我将对其他具有自己颜色的类别做同样的事情。 This link goes to my first test page 如果您想查看代码。

您会看到，现在这些缩略图周围有蓝色边框，但我需要它是红色的，因为它属于政府类别。

您会在 body 标签中看到政府 class，但我不知道如何轻松定位那些 btcontentsliderxxx div。到目前为止我尝试过的一切都失败了。我需要一些通用的东西，无论 btcontentsliderxxx class 末尾的 xxx 是什么，它都能正常工作。

让我承认我对 CSS 感到厌恶，但非常感谢对此的任何帮助...

Answer 1

就这样吧：

body.government .bt-cs .bt-inner img {
    outline: 1px solid red;
    border: 2px solid red;
}

当 body 有 class government.

时应用规则

您可以通过 devtools 检查器查看它如何覆盖默认样式。

body class 内的目标 css 个图像

target css of images inside a body class

html

css

joomla