設置同一類的div的顏色？

Question

我在我的網站上有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> 

現在這些div的內容應該是綠色的。我怎麼能說，只有一個CSS類定義，這兩個div應該是綠色的？例如：

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

我希望你們知道我的意思嗎？

謝謝！

Answer 1

你需要單獨的規則（比如你不能化合物父）：

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

上述說明「當一個元素有A類或B和直接孩子有X類，分配文字顏色爲​​「。

Answer 2

只需使用

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

See Demo