Изменение фона другой ссылки при наведении Первой ссылки

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, убирает Backgorund-изображение.

Надеюсь, вы поняли, что я хочу сделать с этим.

Answer 1

Для использования CSS не требуется JavaScript - ура!

Вы можете сделать это с (селектор CSS +) в adjacent selector, попробуйте парящий на ссылку в вашем HTML, используя этот CSS: (. JSFiddle является хорошим полигоном)

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

Почему вы хотите, чтобы что-то с таким низким юзабилити было выше моего понимания.
Но, возможно, это имеет смысл в вашем сценарии.

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

You можно использовать пример jquery selectors

$ ('уль: экв (0) > Li'). CSS ('фон', 'ни')