Multi-level css definitions
Posted: 16 November 2006 10:40 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2006-11-16

I’m pretty sure this isn’t possible, but I can’t search it right in google for a definite answer.

I’m building a menu from the “Son of Suckerfish” tutorial and I have background changes on the hover states. However, whenever I move off the menu header to a menu item, the menu header goes back to default.

I thought about trying this:

#nav ul li a.hover {
    
background#FFFFFF;
    #nav li a.hover {
        
background:#FFFFCC;
    
}

But that obviously doesn’t work. Is there a pure css way to do this or will I need a javascript to handle this?

Thanks for the help

Profile