針對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本身在這裏似乎不足。