设置相同类的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的内容应该是绿色的。我怎么能说只使用一个css类定义，两个div应该是绿色的？类似的东西：

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

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

谢谢！

Answer 1

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

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

以上说明“当某个元素具有课程A或B且直接儿童具有课程X时，请将文字颜色指定为green。”

Answer 2

只需使用

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

<强> See Demo