Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменение стиля родительского элемента при :hover дочернего (https://javascript.ru/forum/dom-window/12400-izmenenie-stilya-roditelskogo-ehlementa-pri-hover-dochernego.html)

lanzs 15.10.2010 19:08

Изменение стиля родительского элемента при :hover дочернего
 
Делаю выпадающее меню.

Возникла необходимость изменить стиль родительского элемента при наведении курсора на вложенный элемент.

Более предметно: есть меню с несколькими уровнями вложенности. При этом, при наведении курсора на пункт меняются стили (по событию :hover). При наведении курсора на "родительский пункт" срабатывает :hover у его li и его стиль меняется (фон изменяется и выпадает список). Но при наведении на "дочернюю ссылку" срабатывает её :hover, а стиль "родительского" теряется. Поэтому вопрос: как сделать так, чтобы при наведении на "дочернюю" срабатывал и "родительский" :hover?!

<ul class="menu">
 <li class="leaf first active-trail"><a href="#" title="" class="active"><span>Обычная ссылка</span></a></li>
 <li class="leaf"><a href="#" title=""><span>Обычная ссылка</span></a></li>
 <li class="expanded last"><a href="#" title=""><span>Родительская ссылка</span></a>
  <ul class="menu">
   <li class="leaf first"><a href="#" title=""><span>Дочерняя ссылка</span></a></li>
   <li class="leaf last"><a href="#" title=""><span>Дочерняя ссылка</span></a></li>
  </ul>
 </li>
</ul>

danik.js 16.10.2010 01:43

по идее li:hover сработает даже если наведешь на дочернюю ссылку.
мож у тебя в коде a:hover стоит? В любом случае это делается на уровне css а не js.

lanzs 16.10.2010 12:28

спасибо, действительно, после целого дня темизации сайта не доглядел :)


Часовой пояс GMT +3, время: 08:34.