目标体内类图像的CSS

Question

在Joomla中我有几个页面，我已经应用了＃34;政府和＃34;的CSS类。到身体的标签。我需要在这些页面上的btcontensliderxxx div内设置缩略图img标签的样式，以获得红色的3px边框。我将使用自己的颜色对其他类别做同样的事情。 This link goes to my first test page如果您想查看代码。

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

您将在body标签中看到政府课程，但我无法弄清楚如何轻松定位这些btcontentsliderxxx div。到目前为止，我所尝试的一切都失败了。无论xxx在btcontentsliderxxx类的末尾是什么，我都需要一些通用的东西。

让我承认我对CSS很不满意，但对此有任何帮助非常感激......

Answer 1

就这样做：

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

在body具有类government时应用规则。

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