css - 问题：悬停在下拉菜单上

Question

我有一个包含两列的下拉菜单，我希望块内的链接在悬停时更改颜色，但是当我添加样式时，只有顶层ul元素起作用并且整个块处于活动状态。我一直在看这个东西太久了，无法弄清楚我需要在哪里添加 a:hover.li

知道我需要把它放在哪里，这样主链接就没有悬停效果，而下拉菜单有吗？

全屏

jsFiffle

Answer 1

这将使它工作：

#top_nav li:hover > a { ... }

因此，只有直接在悬停的 LI 元素内的锚点“变为活动状态”。当您将鼠标悬停在“项目”顶级菜单项时，其锚点会改变颜色，但下拉菜单中的锚点不会。然后，当您将鼠标悬停在该下拉菜单中的某个锚点时，它会改变颜色，因为它包含的 LI 元素已被悬停。