在第一個鏈接懸停時更改其他鏈接的背景

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'以及下一個標記上時，我們將刪除backgorund-image。

希望您清楚我要怎么做。

Answer 1

您不需要JavaScript-趕快來學習CSS技能吧！

您可以使用相鄰的選擇器 （ + CSS選擇器）來實現，嘗試在使用此CSS時將鼠標懸停在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
});

從我的角度來看，實際上您需要做的是每次更改類名，以便您可以更改剩余的類。

Answer 4

您可以使用jquery選擇器

例

$（'ul：eq（0）> li'）。css（'background'，'none'）