css - 在一个规则中定位具有多个类的元素

我有一些 HTML 包含多个类的元素，我需要在一个规则中分配它们，以便相同的类在不同的容器中可能不同。假设我的 CSS 中有这个:

.border-blue {
    border: 1px solid blue;
}
.background {
    background: url(bg.gif);
}

然后我在我的 HTML 中有这个:

<div class='border-blue background'>Lorum Crap No-one Cares About Ipsum</div>

我可以在单个规则中定位这些吗？像这样，例如，我知道这是行不通的:

.border-blue, .background {
    border: 1px solid blue;
    background: url(bg.gif);
}

最佳答案

.border-blue.background { ... } 用于具有多个类的一项。.border-blue, .background { ... } 用于多个元素，每个元素都有自己的类。.border-blue .background { ... } 用于其中“.background”是“.border-blue”的子项的一项。

更详尽的解释见 Chris' answer。

关于css - 在一个规则中定位具有多个类的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5196583/