ホバーすると強調表示されるアイテムのリストがあります。私はこれを以下のようにうまく機能させました：
li.test:hover
{
text-decoration: underline
}
ただし、このリスト項目には別のリストが含まれており、上記の CSS ルールを使用すると、子リスト内のすべてのリスト項目にも下線が引かれます。li最初のもの (実際にホバーされているもの) だけに下線を付けたいと思います。子セレクターを使用しようとしましたが、機能するものは何も見つかりませんでした (おそらく本当に明らかです)。
スタイルを現在の要素のみに適用し、その子には適用しないようにするにはどうすればよいですか?
Jsfiddle: http://jsfiddle.net/Mansfield/2CtFW/