导航栏悬停下拉列表

Question

当我将鼠标悬停在子菜单项目：午餐菜单/晚餐菜单时，是否有一种方式可以使用＆＃39; MENUS＆＃39;保持这种风格：(background color: #666699, color: white)

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

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; }

当你将鼠标悬停在#menu时，这个css会这样做，它和它的孩子将获得正确的悬停样式。