2015-02-24 163 views
1

当我徘徊在子菜单项:午餐/晚餐的菜单,是有办法的“菜单”保持在这一风格:(background color: #666699, color: white)导航栏上悬停下拉

我试图解决这个问题,但没有无济于事。任何人都可以给我一些想法如何实现这一点?我在评论中包含了jsfiddle链接。

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

谢谢。

+0

http://jsfiddle.net/tangjeen/je24e85w/#base – user21 2015-02-24 02:31:04

回答

1

您可以使用此:http://jsfiddle.net/je24e85w/2/

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

这个CSS将使它所以当你悬停#menu,它和它的孩子们会得到正确的hover样式。

+0

感谢您的帮助! – user21 2015-02-24 03:19:37

+0

它的工作原理。谢谢! – user21 2015-02-24 05:20:00

+0

没问题,请务必在验证修复程序后将其标记为答案。 – richie 2015-02-24 23:11:11

1

试试这个:

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

谢谢。它不起作用,上面的代码会将鼠标悬停在其上方,以更改子菜单项。我想知道是否有可能改变菜单,当我悬停在子菜单 – user21 2015-02-24 02:37:44

+0

如果你可以请编辑你的答案,并解释你显示的代码是做什么的,为什么/如何代码回答这个问题,它可以真正帮助。 – 2015-02-24 06:55:28

+0

@noob,它的工作原理,谢谢!我能否知道>一个意思是什么? – user21 2015-02-25 08:27:08