html - CSS - ホバー時に DIV 内の DIV フォントの色のみを変更する

Question

私はこのDIVを持っています:

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

DIV にカーソルを合わせると、ラベルやリンクではなく、DIV のフォントの色のみを変更したい。

前もって感謝します。

Answer 1

このフィドルを確認してください。

CSS:

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

Answer 2

このようなものをcssに追加したいと思いますか？

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

Answer 3

また、メニュー内に (他の #id を持つ) より多くの div があり、そのテキストをホバーに応答させたい場合は、次を使用できます。

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