问题a：悬停在下拉菜单上

Question

我有一个包含两列的下拉菜单，我希望块中的链接是下拉列表，当悬停时会改变颜色但是当我添加样式时，只有顶级ul元素起作用，整个块活跃。我一直在看这个东西太长，无法弄清楚我需要为a:hover添加li。

有什么想法我需要放置它以便主链接没有悬停效果和下拉级别吗？

Full Screen

jsFiffle

Answer 1

这将使其有效：

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

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