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

Question

当我将鼠标悬停在子菜单项:午餐菜单/晚餐菜单时，有没有办法让“菜单”保持这种样式:(背景颜色:#666699，颜色:白色)

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

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

谢谢。

Answer 1

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

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

此 CSS 将使它在您悬停 #menu 时实现，它及其子项将获得正确的悬停样式。