Мне нужно сделать обратное:
JSFiddle здесь
HTML
<div class="a"> </div>
<div class="b"> </div>
CSS
.a{
width:100px;
height:100px;
background-color:blue;
}
.b{
width:100px;
height:100px;
background-color:red;
}
.a:hover + .b{
background-color:green;
}
Я попробовал это:
.b:hover + .a{
background-color:green;
}
Но это не сработает. Есть ли какой-либо метод для изменения моего фонового цвета, когда мой.b является зависанием?
Заранее спасибо.
Html
<div class="a"> </div>
<div class="b"> </div>
CSS
.a{
width:100px;
height:100px;
background-color:blue;
}
.b{
width:100px;
height:100px;
background-color:red;
}
.hover{
background-color:green;
}
и добавьте JQuery, он добавит вашу Need
$(".b").hover(function(){
$(".a").addClass("hover")
});
выше вы можете иметь базовое представление о том, как выполнить свою задачу, получить представление отсюда и выполнить свою задачу
ранее http://jsfiddle.net/Z7LaT/ теперь http://jsfiddle.net/Z7LaT/2/
furthur, вы можете использовать MouseOver, MouseOut для переключения в соответствии с вашими потребностями