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

Question

我把下面的分数提高了。

<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标记上时，我们删除了backgorund-image。

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

Answer 1

你不需要JavaScript - hurray来获得CSS技能！

你可以使用adjacent selector ( HTML选择器)来实现，当你使用这个+时，试着将鼠标悬停在你的HTML中的链接上：

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

(JSFiddle是一个很好的试验场。)

我不能理解为什么你想要这么低可用性的东西。

但在你的场景中，这也许是有意义的。

Answer 2

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

Answer 3

我认为你可以做这样的事情

$('#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
});

从我的观点来看，您实际上需要做的是每次更改类名，以便您可以更改剩余的类