我有一个包含两列的下拉菜单，我希望下拉菜单 block 内的链接在鼠标悬停时改变颜色但是当我添加样式时只有顶级 ul 元素起作用并且整个 block 都处于事件状态。我看这个东西太久了，想不出我需要在哪里为 li 添加 a:hover。
知道我需要把它放在哪里，这样主链接就没有悬停效果而下拉级别有吗？
最佳答案
这将使它工作:
#top_nav li:hover > a { ... }
因此，只有直接位于悬停的 LI 元素内的 anchor “变得活跃”。当您将鼠标悬停在“projects”顶级菜单项时，它的 anchor 会改变颜色，但下拉菜单中的 anchor 不会。然后，当您将鼠标悬停在该下拉菜单中的其中一个 anchor 时，它会改变颜色，因为它的包含 LI 元素已被悬停。
关于css - :hover on dropdown menu 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12395571/