更改父級懸停上的子div的字體顏色

Question

我有一個問題，我不確定是否有可能，但我想我會試着問。

說我有三個div的：

<div id="parent_div"> 

    <div id="child_div_1">Blue</div> 

    <div id="child_div_2">Red</div> 

</div> 

如果裏面parent_div的所有文字設置爲黑色，我怎麼會分別作出child_div_1和child_div_2改變字體顏色爲藍色和紅色，當父DIV是盤旋了？

對不起，如果這有點令人困惑，但有沒有辦法做到這一點，最好只與CSS？

Answer 1

#parent_div:hover #child_div_1 { 
    color: blue; 
} 
#parent_div:hover #child_div_2 { 
    color: red; 
} 

Answer 2

只是針對基於母公司的:hover狀態相關的子元素：

/* defaults */ 
#parent_div div { 
    color: #000; /* or whatever... */ 
} 

/* hover rules */ 

#parent_div:hover #child_div_1 { 
    color: blue; 
} 
#parent_div:hover #child_div_2 { 
    color: red; 
} 

JS Fiddle demo。

Answer 3

使用:hover僞類的父元素：

演示：http://jsfiddle.net/Guffa/M3WsW/