在第一个链接悬停时更改其他链接的背景答案

【问题标题】：Changing the background of other link on hover of the First link在第一个链接悬停时更改其他链接的背景
【发布时间】：2010-05-20 18:42:32
【问题描述】：

我有以下标记。

<ul>
<li><a><span>link-1</span></a></li>
<li><a><span>link-2</span></a></li>
<li><a><span>link-3</span></a></li>
</ul>

当用户将鼠标悬停在 LI 中的第一个 'a' 然后下一个 a 标签上时，我们会删除背景图像。

我希望你清楚我想用这个做什么。

【问题讨论】：

不是特别的。我不完全明白，对不起。

标签： javascript jquery html css

【解决方案1】：

您不需要 JavaScript - 为 CSS 技能欢呼！

您可以使用adjacent selector（+ CSS 选择器）来实现，在使用此 CSS 时尝试将鼠标悬停在 HTML 中的链接上：

ul li a {
    color: red
}
ul li:hover+li a {
    color: blue
}

（JSFiddle 是一个很好的试验场。）

为什么你会想要可用性如此低的东西，这超出了我的理解。
但在你的场景中，这也许是有道理的。

【讨论】：

非常雄辩的解决方案。浏览器兼容性可能是个问题 - quirksmode.org/css/contents.html#t12

【解决方案2】：

使用Jquery.mouseout() 去除背景。

【讨论】：

【解决方案3】：

您可以使用jquery selectors

例子

$('ul:eq(0) > li').css('background','none')

【讨论】：

【解决方案4】：

我认为你可以这样做

$('#linka').mouseover(function() {
     $(this).attr('class','somethingrandom'); //so that you can change remaining with ease
     $('.remaininga').removeclass('yourclass'); //whether add a new or remove
}).mouseout(function() {
     $(this).attr('class','remaininga');  //to bring back to previous state
});

从我的角度来看，您实际上需要做的是每次更改班级名称，以便您可以更改剩余班级

【讨论】：