在悬停时定位li而不是父li

Question

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

参见示例。

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

你看到当你将鼠标悬停在“这个”时，上面的父母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;}