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

我在我的网站上有2个div，它们是X类。每个div都在另一个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>

我希望你们明白我的意思

---

谢谢

你需要分开规则，不能像你这样让父母复合：

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

---

如上所述，当一个元素具有A类或B类且直接子元素具有X类时，将文本颜色指定为绿色。

您需要分离规则，不能像您这样复合父元素：

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

当一个元素有A类或B类且直接子元素有X类时，将文本颜色指定为绿色。

只需使用

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

只用

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