[jQuery] targeting superfish second level menu items
I am trying to implement a nav menu using the superfish plugin and
everything is great except I would like to have a different background
color/image for the drop down menu items and the top-level menu
items.
Right now this line:
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:url(../images/nav_hover_bg.png) repeat-x;
outline: 0;
is fine for the top-level items but I want to use a different image
for the second level items and I can't figure out the right way of
targeting them.
I thought something like:
.sf-menu li li:hover, .sf-menu li li.sfhover, .sf-menu li a:focus, .sf-
menu li a:hover, .sf-menu li a:active {background:red;}
would work, but it didn't.
Any help?