css - 快速 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/