CSS :hover affecting all list items

Question

我正在尝试为网站构建菜单，我使用了以下代码:

nav#menu:hover li{
    background-color: #606060;
}

但是，当我将鼠标悬停在网站上的列表项上时，代码会更改每个列表项的背景颜色，而不仅仅是我光标所在的那个，有人知道我应该怎么做吗？

Answer 1

这应该可以解决

nav#menu li:hover { background-color: #606060; }

您将鼠标悬停在整个菜单上，而不是它的各个 li 标签上。