Проблема с :hover

[Sandr]

Нужно сделать так, чтобы при наведении на элемент с id "а" изменялся стиль у элемента с class'ом "b".

Пишу так:

#a:hover .b {
    /* новый стиль */
}

Но что-то ничего не получается.

Подскажите как задать :hover правильно?

Edited October 27, 2012 by Sandr

[Alex Shnayder]

Это правило будет работать, только если элемент .b лежит внутри #a. С помощью CSS ещё можно реализовать изменение стиля у соседнего элемента, но для любого другого расположения .b относительно #a придется воспользоваться JS.

[Sandr]

С помощью CSS ещё можно реализовать изменение стиля у соседнего элемента, но для любого другого расположения .b относительно #a придется воспользоваться JS.

У меня как раз .b и #a рядом расположены. Не подскажешь, как в таком случае изменить стиль .b?

[mrnobody]

Ну если элемент .b идет после #a, то вот так нужно сделать:

#a:hover+.b{
   Какие-то стили
}

Edited October 27, 2012 by mrnobody

[Sandr]

Ну если элемент b идет после #a, то вот так нужно сделать:

#a:hover+b{
   Какие-то стили
}

Спасибо, то что нужно)