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;
}

Answer 2

我相信你想在你的CSS中添加这样的东西吗？

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

Answer 3

此外，如果菜单中有更多div（带有其他#id），并且您希望该文本响应悬停，则可以使用：.menu:hover .menu div { color: red; }