PURE CSS DROP DOWN MENU - 当鼠标悬停在子菜单上时无法保持顶部<li>突出显示</li>

Question

我只在CSS中有一个下拉菜单而没有JAVASCRIPT，当我将光标移到子菜单项上时，我有一个问题是保持顶部（主菜单项）突出显示。您可以在此处查看菜单http://www.codedecks.com/cssnav.html。

如果你将鼠标悬停在“孩子们”上并将光标向下移动，只要你的“女孩”过了顶部的“孩子们”就会失去亮点。

任何建议都将不胜感激！提前致谢

Answer 1

将CSS中的#nav > li a:hover更改为#nav > li:hover a。

由于您在顶层ul悬停时显示隐藏的第二级li，因此让顶级a获得悬停样式是有意义的同一时间。当您将鼠标移到第二级菜单链接上时，a仍然显示为活动状态。 li:hover即使在鼠标悬停在li的子元素上时也会适用，即使它们的位置使它们看起来像是在li的框之外。

Answer 2

对我来说，它的工作原理是这样的，没有>：

#navigation li:hover a {
  background-color:#012A5E;
  color:#F1F1F1;
}

Answer 3

您当前正在A标签上设置悬停状态，您还需要（也）在LI标签上设置它。如果你是一个孩子UL，你不再是A，但你仍然在LI。试试这个：

#nav li hover {
background-color:#F4F4F4;
color:#543056;