CSS-懸停

Question

只改變DIV字體顏色一個div裏面，我有這個div：

<div class="menu"> 

    <label id="label1">label</label> 
    <div id="content"> 
     content 
    </div> 
    <a href="" id="link>link</a> 
</div> 

，當我將鼠標懸停在div我只是想改變格字體顏色，而不是標籤而不是鏈接。

在此先感謝

Answer 1

檢查此fiddle。

CSS：

.menu:hover #content { 
    color: red; 
} 

Answer 2

我相信你想這樣的事情添加到您的CSS？

div.menu:hover div#content { 
    color: red; 
} 

Answer 3

此外，如果你將裏面的菜單更加的div（與其他#ID），並且希望該文本的懸停響應，你可以使用：.menu:hover .menu div { color: red; }