Como manter Hover em Li Anterior?

[EmidioNeto 0]

Estou com um menu de 3 níveis, UL LI UL LI UL IL

 

E gostaria de manter o hover da 2 LI's anteriores ao 3º Nível quando estiver com hover sobre ele.

 

Tentei fazer por css e javascript e não tive sucesso, alguem pode ajudar?

[Ghean 0]

Tente usar o método parent() com jquery.

http://api.jquery.com/parent/

[Haz 3]

Não sei como você fez (da próxima vez coloque suas tentativas), mas por padrão, ele vai manter o estado over nos elementos ancestrais. Afinal, pela lógica, se você está com o cursor sobre um LI que está dentro de uma UL, também está sobre a UL, e isso vai se propagando até a tag HTML. A excessão é quando se utiliza, por exemplo, position:absolute ou equivalentes. Por isso, sempre poste suas tentativas.

 

Mas vai um exemplo:

<ul>
 <li>Nível 1
   <ul>
     <li>Nível 2
       <ul>
         <li>Nível 3</li>
       </ul>
     </li>
   </ul>
 </li>
</ul>

ul ul {
 display:none;
}

ul li:hover > ul {
 display:block;
}

[Evandro Oliveira 331]

http://forum.imasters.com.br/index.php?/topic/416764-adicionar-um-submenu-no-submenu/page__view__findpost__p__1640975