Одновременно: наведите указатель мыши на родительский и его дочерний элемент

Можно ли использовать jQuery для одновременного ": hover" как для родительского, так и для дочернего элемента одновременно? В частности, я хотел бы, чтобы и родитель, и потомок меняли фоновые изображения, когда курсор перемещается над родительским тегом, тем самым изменяя фон дочерних элементов.

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


jquery element parent hover
person Frederick M. Rogers    schedule 18.02.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Зачем вам использовать jQuery для этого?

div.parent:hover {
background: red;
}

div.parent:hover div.child {
background: blue;
}

Это не будет работать в IE6, поскольку IE6 поддерживает только: наведите указатель мыши на A, но родительский элемент может быть тегом A.

person Capsule    schedule 18.02.2011
comment
вероятно, поэтому он просит решение jQuery ;-) - person Zathrus Writer; 18.02.2011
comment
Что ж, не проблема отформатировать ваш код, чтобы использовать якоря вместо div для решения проблемы. Когда IE9 выйдет, IE6, вероятно, будет официально объявлен мертвым ;-) - person Capsule; 18.02.2011