Делаю выпадающее меню.
Возникла необходимость изменить стиль родительского элемента при наведении курсора на вложенный элемент.
Более предметно: есть меню с несколькими уровнями вложенности. При этом, при наведении курсора на пункт меняются стили (по событию :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>