简单的CSS悬停

Question

我在这里开发一个非常简单的布局：http://www.flanels.com/ - 如果你点击工作它绘制，我使用这个jQuery：

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

这是班级：

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

如果你查看链接文本，你会看到它变为a：hover，我试图在你完成li.item时创建它：a：hover链接也会改变，我怎么能这样做？

Answer 1

这是你要找的吗？

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

Answer 2

在hover()元素上使用li.item，然后访问$(this).add/removeClass()而不是访问$('#left ul li.item').add/removeClass()。

也就是说，您可以在任何元素上设置类，而不仅仅是$(this)，所以只需命名要更改的元素。