Hover на классе открывает другой класс — как это сделать?

Question

[Alexey]

Структура:

<div id="wrap">
    <div class="a">AAAA</div>
</div>
<div class ="b">BBBB</div>

при этом:

.b {
    display:none;
}

Необходимо при hover на класс a, делать видимым класс b. Как это осуществить?

Пробовал:

.a:hover, .b{
     display: block;
}

К сожалению это не то... В данном случае, нужно использовать только CSS или LESS

Comments

[Lynn «Кофеман»]

При заданном html-е никак. В CSS нет селекторов, которые умею выбирать соседей родительского элемента.

[Alexey]

Алексей Тен: Понял, спасибо за ответ.

[Alexey]

Кое как договорился на использование JS. Все работает, кроме одного, когда делаю hover на кнопке и перехожу на открывшийся блок, в принципе как и должно быть у меня блок исчезает, а как сделать чтобы не исчезал?

[Alexey]

menu_btn.hover(function(){
menu_popup.css('display', 'block');
},function(){
menu_popup.css('display', 'none');
});
menu_popup при наведении исчезает...

Answer 1

[Vadim Bogomazov]

Без JS никак. Либо повесить hover на wrap:

#wrap:hover + .b {
  display: block;
}

Comments

[Alexey]

Отписал комментарий к вопросу.

Answer 2

[Александр]

Запятую уберите. И добавьте псевдоэлемент. jsfiddle.net/t175v487
Или какая-то специфическая ситуация?

Comments

[Alexey]

Дело в том что, приведенный пример, является вымышленной но похожей ситуацией. Исходя из вашего кода, я должен формировать контент "BBB", но тот самый "BBB" у меня - сложный div элемент. Есть какое либо решение для этой ситуации?

[Александр]

azovl: я поэтому и спросил про ситуацию. А можете залить код в сеть?

[Alexey]

Отписал комментарий к вопросу.