CSS - Change only the DIV font color inside a DIV on hover

Question

I have this DIV:

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

When I hover the DIV, I only want to change the DIV's font color, not the label's and not the link's.

Thanks in advance.

Answer 1

Check this fiddle.

CSS:

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

Answer 2

I believe you want to add something like this to your css?

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

Answer 3

Also if you will have more divs (with other #id) inside the menu and you want that text to respond to the hover you could use:

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