Tengo una lista generada dinámicamente que tiene potencialmente hasta aproximadamente 5 niveles. Quiero que el texto de la lista aparezca subrayado cuando pase el puntero sobre el elemento de la lista, sin embargo, no el archivo padre.segmentando li on hover pero no parent li
ver ejemplo.
que se ve cuando se pasa de "este", el padre li arriba, subraya también.
¿Alguna idea?
Saludos
Parece difícil de lograr, ya que cuando apuntas al elemento li hijo, también estás apuntando efectivamente a su elemento principal.
Hay una solución, sin embargo: añadir una etiqueta span a los elementos de menú, y hacer que la etiqueta hoverable: http://jsfiddle.net/ca7fL/16/
excelente idea! aclamaciones – AJFMEDIA
ul li ul { padding-left:20px}
ul li ul li:hover { text-decoration:underline; curor:pointer;}
Esto desactiva el efecto para el 'li' de nivel superior. No creo que eso sea lo que él quiere. – Kokos
este elimina: formateo de desplazamiento de "ul li", que también es necesario. – HBublitz
Además, no funcionará como se requiere si la lista está anidada en más niveles (el OP menciona hasta 5). – Jon
Tal vez necesitan aplicar clases CSS a LI - Elementos cuando geenerating ellos, por lo que puede estilo de ellos de forma explícita. CSS en sí parece ser insuficiente aquí.
Si usted tiene una li no tiene hijos, debe subrayado que cuando se movía sobre? – ipr101
no, que no necesita subrayar – AJFMEDIA