Css 当我将鼠标悬停在div上时，我希望它的背景由黑变白，链接的文本由白变黑

我的div的背景是黑色的，链接的文本是白色的

#menu {
 background-color:black;
 width:20%;
 float:left;
}

和实际的div

<div id="menu"><a href="http://menu.com">Menu</a>

---

如何使其在我将鼠标悬停在上面时，链接文本变为黑色，而div的背景变为黑色？

这是您想要的输出吗

Use :hover pseudo class

#menu:hover a {
color: #000;
}

#menu:hover  {
background-color: #fff;
}

<div id="menu"><a href="http://menu.com">Menu</a></div>

#menu {
 background-color:black;
 width:20%;
 float:left;
}
a{
    color: white;
}
#menu:hover
{
    background-color: white;
}
#menu:hover a
{
    color: black;
}

#菜单{
背景色：黑色；
宽度：20%；
浮动：左；
}
a{
颜色：白色；
}
#菜单：悬停
{
背景色：白色；
}
#菜单：将鼠标悬停在
{
颜色：黑色；
}

谢谢，我试过#菜单：链接#菜单：悬停{…}，但没用。谢谢。您是否使用了#菜单：悬停a{}而不是锚定标记类名？？您是否像这样定义了#菜单的背景色：#菜单{background:#000}？请检查此链接：由于选择器的优先级，一个工作，一个失败。