我有一个纯 CSS 导航菜单,我正试图完成它。它几乎完成了,除了一件事:当用户将鼠标悬停在带有子菜单的元素上然后向下导航到子菜单时,根元素会变回白色。当子菜单打开时,我希望根导航元素保持暗色。下面是我目前实现的 CodePen:
http://codepen.io/anon/pen/iJjyb
谁能帮我完成这个?
最佳答案
更改此选择器(第 51 行):
#navmenu > ul li.has-sub > a.active,
#navmenu > ul li.has-sub > a:hover
为此:
#navmenu > ul li.has-sub > a.active,
#navmenu > ul li.has-sub:hover > a
这导致当用户在子菜单中时 :hover Action 仍然处于事件状态,因为它不是 <a>
的子菜单。 - 但是 <li>
-标签
关于html - 纯 CSS 导航菜单 - 需要根元素在打开时保持黑色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24308045/