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 я только хочу, чтобы изменить цвет шрифта ДИВ, а не ярлык, а не ссылку.

Заранее спасибо

Answer 1

Проверьте это fiddle.

CSS:

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

Answer 2

Я считаю, что вы хотите добавить что-то вроде этого в ваш CSS?

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

Answer 3

Кроме того, если у вас будет больше дивы (с другими #ID) внутри меню, и вы хотите, чтобы текст, чтобы ответить на зависании вы можете использовать: .menu:hover .menu div { color: red; }