нацеливание li на hover, но не родительский

Question

У меня есть динамически генерируемый список, который может содержать до 5 уровней.Я хочу, чтобы текст в указанном элементе подчеркивался при наведении курсора на указанный элемент, но не на родительский элемент li.

см. Пример.

http://jsfiddle.net/ca7fL/5/

, который вы видите, когда вынаведите курсор на «this», вышеприведенный родительский элемент li также подчеркивает.

Есть идеи?

Приветствия

Answer 1

Это кажется трудным для достижения, поскольку, когда вы указываете на дочерний элемент li, вы также эффективно указываете на его родителя.

Однако есть решение: добавьте тег span в ваше менюи сделайте этот тег доступным для поиска: http://jsfiddle.net/ca7fL/16/

Answer 2

Возможно, вам нужно применить классы CSS к элементам LI - Elements при их генерации, чтобы вы могли явно их стилизовать.Сам CSS кажется здесь недостаточным.

Answer 3

ul li ul { padding-left:20px}
ul li ul li:hover { text-decoration:underline; curor:pointer;}