简单的 CSS 悬停答案

【问题标题】：Simple CSS hover简单的 CSS 悬停
【发布时间】：2009-04-01 21:38:02
【问题描述】：

我在这里做一个非常简单的布局：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 链接也发生更改，我该怎么做?

【问题讨论】：

标签： jquery css

【解决方案1】：

这就是你要找的吗？

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

【讨论】：

【解决方案2】：

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

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

【讨论】：