css - 设置具有相同类别的 div 的颜色？

Question

我的网站上有 2 个 div，它们有 X 类。每个 div 都在另一个 div 中，每个都有不同的类，例如 A 和 B。

<div class="A">
    <div id="div1" class="X">something</div>
</div>

<div class="B">
    <div id="div2" class="X">something else</div>
</div>

现在这些 div 的内容应该是绿色的。我怎么能说两个 div 都应该是绿色的，只使用一个 css 类定义？就像是：

.A .B > .X {
    color: green;
}

我希望你们知道我的意思吗？

谢谢！

score 6 · Accepted Answer

你需要分开规则（不能像你一样复合父母）：

.A > .X,
.B > .X {
    color: green;
}

上面的说明“当一个元素有 classA或B并且直接子有 classX时，将文本颜色分配给green。”

score 1 · Accepted Answer

1

只需使用

.A .X , .B .X
{
color:Green;
}

于 2012-10-29T12:41:45.703 回答

2 回答 2