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/