[support] Apply CSS to Parent on a Hover State for a Child

[Luke]

(Don't get your hopes up--this is probably not an answer)

On Fri, 26 Feb 2010, Shai Gluskin wrote:

> I'm using nice menus. Primary nav has a background for a hover state. Some
> of the primary navs have children which are drop-downs as implemented via
> Nice Menus.
>
> The problem I am having is that I want the hover state for the primary nav
> to stick when using the drop down. Right now, when you mouse down over the
> dropdown links the hover state disappears.
>
> The relevant css is:
>
> #primary ul a {
> background-color: #ffffff;
> }
>
> #primary ul a:hover {
>  background-color: #e7e7e7; // I want this declaration to stick, even when
> the children are being hovered over!
> }

If you mean what I think you mean, I have not heard of a way to do this in 
CSS. Maybe some javascript to run onmouseover of the children, which 
temporarily changes the main "#primary ul a" element, switching 
"background-color: #ffffff;" for "background-color: #e7e7e7;"?

> #primary ul li ul li a {
>  background-color: #e7e7e7;
> }
>
> #primary ul li ul li a:hover {
>  color: #ffffff;
>  background-color: #0f6cb6;
>  }

I'm a little lost here, having not used the module and being a little 
rusty on my CSS, but would deleting this last block do it for you?

Luke