CODEWITHSUNDEEP
htmlcssjsfiddlenavigationbar
user21
user21

Reputation: 1351

Navigation Bar with on hover drop down

When I hover at submenu items: LUNCH MENU/DINNER MENU, is there a way that the 'MENUS' remain at this style :(background color: #666699, color: white)

I tried to solve it but to no avail. Can anyone give me some idea on how to implement this? I have included the jsfiddle link at the comment.

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

Thanks.

Upvotes: 1

Views: 111

Answers (2)

Nishanth Matha
Nishanth Matha

Reputation: 6081

try this:

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

Upvotes: 1

richie
richie

Reputation: 467

You could use this: http://jsfiddle.net/je24e85w/2/

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

This css will make it so when you hover #menu, it and it's children will get the correct hover styles.

Upvotes: 1

Related Questions