I'm using a horizontal (nav-bar style) Superfish menu. I have a white background with black text in the nav bar. When I hover over it, it changes to green background with white text.
The problem is, when I am not hovering over a menu item (i.e. I am in the sub-nav, or nowhere in the menu) the "current" item's text goes back to black. This creates black text on a green background... I'm trying to get it so that no matter what, it will always be white text on a green background. I've tried: .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar a:focus, .sf- navbar a:hover, .sf-navbar a:active { background: #195085; color: #fff; } But this only fixes the hover state. I'm not sure how to target the parent li with the green background in the CSS. Thanks.