Ho un elenco generato dinamicamente che ha potenzialmente fino a circa 5 livelli. Voglio sottolineare il testo dell'elemento elencato quando passo il mouse sopra l'elemento elencato, ma non il genitore.targeting li su hover ma non padre li
vedere l'esempio.
che si vede quando si passa su "questo", quanto sopra li genitore, sottolinea pure.
Qualche idea?
Acclamazioni
Questo sembra difficile da raggiungere, dal momento che quando si punta l'elemento figlio li si sta anche puntando efficacemente il suo genitore.
C'è una soluzione, però: aggiungere un tag span alle vostre voci di menu, e fare quel tag hoverable: http://jsfiddle.net/ca7fL/16/
ottima idea! Saluti – AJFMEDIA
ul li ul { padding-left:20px}
ul li ul li:hover { text-decoration:underline; curor:pointer;}
Questo disabilita l'effetto per il livello principale 'li'. Non penso che sia quello che vuole. – Kokos
questo rimuove: la formattazione hover da "ul li", che è anche necessaria. – HBublitz
Inoltre, non funzionerà come richiesto se la lista è annidata su più livelli (l'OP menziona fino a 5). – Jon
Forse si devono applicare le classi CSS per LI - Elementi quando geenerating loro, in modo da poterli lo stile in modo esplicito. Lo stesso CSS sembra essere insufficiente qui.
Se si dispone di un li senza figli, dovrebbe che sottolineatura quando aleggiava? – ipr101
no che non ha bisogno di sottolineare – AJFMEDIA