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

检查这个fiddle .

CSS:

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