快速UL / LI默认子问题

Question

http://jsfiddle.net/b4fwQ/

大家好。上面的链接转到了我到目前为止所处的jsFiddle示例。我想要完成的是，<li>所选择的类将显示其子级。现在这个工作如上所述，但是一旦你开始移动你的鼠标周围的“选定”边框需要变成白色，因为你现在正在查看不同的页面。

如何改变CSS？

感谢。

克里斯

Answer 1

使用当前的HTML标记，我不确定纯CSS是否可行。但是一些jQuery可以获得预期的效果：

​$(function(){
    var selectedLi = $("#navigation ul#home-nav li.grey");
    $("#navigation ul#home-nav").hover(function(){
       selectedLi.removeClass("selected");
    }, function(){
       selectedLi.addClass("selected");   
    });
});​

请参阅演示：http://jsfiddle.net/b4fwQ/1/