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

此外，如果您将在菜单中有更多 div（带有其他#id）并且您希望该文本响应悬停，您可以使用：

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