Показать сообщение отдельно
  #1 (permalink)  
Старый 15.10.2010, 20:08
Интересующийся
Отправить личное сообщение для lanzs Посмотреть профиль Найти все сообщения от lanzs
 
Регистрация: 27.09.2008
Сообщений: 17

Изменение стиля родительского элемента при :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>
Ответить с цитированием