CSS - Могу ли я изменить div .a background-color когда .b: hover?

0

Мне нужно сделать обратное:

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 является зависанием?

Заранее спасибо.

Теги:
background
colors

1 ответ

1
Лучший ответ

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 для переключения в соответствии с вашими потребностями

  • 0
    Ладно, это то, что мне нужно, но мне нужно, когда "перестану зависать" .b. Цвет фона возвращается к оригиналу ... и я не знаю, как это сделать, но спасибо.
  • 0
    Я обновил ссылку, пожалуйста, вернитесь и проверьте ... @ RodrigoBeloWebdesign
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню