Question

I am working on a very simple layout here: http://www.flanels.com/ – If you click work it draws down, I am using this jQuery:

    $('#left ul li.item').hover(function() {       $(this).addClass('over');     }, function() {       $(this).removeClass('over');     }); 

And this is the class:

#left ul li.over{     background-color:#4CC7DC;     } 

If you go over the link text you see that it changes to the a:hover, I am trying to make it for when you are over the li.item the a:hover link changes as well, how can I do that?

Answer 1

Is this what you’re looking for?

#left ul li.over, #left ul li.over a {     background-color:#4CC7DC;     }