带有悬停下拉菜单的导航栏

Question

当我悬停在子菜单项：LUNCH MENU/DINNER MENU 时，有没有办法让 'MENUS' 保持这种样式：(background color: #666699, color: white)

我试图解决它但无济于事。谁能给我一些关于如何实现这个的想法？我在评论中包含了 jsfiddle link。

http://jsfiddle.net/tangjeen/je24e85w/#base

谢谢。

Answer 1

试试这个：

.nonDropDown li:hover>a {
  background: blue;
  color: #fff !important;
}

Answer 2

你可以使用这个：http://jsfiddle.net/je24e85w/2/

#menu:hover > * {   background-color: #666699; color: white; }

这 css 将实现当您悬停 #menu 时，它及其子项将获得正确的悬停样式。