针对li悬停但不是家长

Question

我有一个动态生成的列表，有可能达到大约5个级别。当我将鼠标悬停在列出的项目上时，我希望列出的项目文本下划线，但不是父项li。

查看示例。

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

你看，当你悬停在“本”，上面父李，藏汉强调。

任何想法？

干杯

Answer 1

这似乎很难实现，因为当您指向子元素li时，您也可以有效地指向其父项。

有一个解决方案，但：一个span标签添加到您的菜单项，并作出标记hoverable：http://jsfiddle.net/ca7fL/16/

Answer 2

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

Answer 3

也许你需要的CSS类应用到LI - geenerating当它们的元素，这样你就可以明确他们的风格。 CSS本身在这里似乎不足。