css - 快速 UL/LI 默认子问题

Question

http://jsfiddle.net/b4fwQ/

大家好。上面的链接指向一个 jsFiddle 示例，说明我到目前为止所处的位置。我想要完成的是 <li>有选定的类(class)将显示其 child 。现在它像上面一样工作，但是一旦您开始在“选定”边框周围移动鼠标，就需要变成白色，因为您现在正在查看不同的页面。

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/