css - Keeping top menu item highlighted while in dropdown

Question

Just putting together this site and would like the menu item with a dropdown to stay highlighted in white when you are hovering over the dropdown menu items. http://dl.dropbox.com/u/7086475/Paul%20Day/index.html

Answer 1

#nav a:hoverセレクターを使用する代わりに、代わりに使用できます#nav li:hover。

アンカーとは異なり、サブメニューにいる間、li はホバー状態のままになります。

hover 疑似クラスはアンカーでのみ機能するため、IE6 では機能しません。

#nav li:hover{
 color: #fff;
}

Answer 2

このjqueryを使用すると、問題を解決するために機能します

$(function() {
        $('#nav li ul').hover(function() {
           $(this).prev('#nav li a').css('color', '#FF6600');
        }, function() {
            $(this).prev('#nav li a').css('color', '#fff');
        });
    });

Answer 3

css classを使用して、親 li のホバー状態に を設定できますjquery or javascript。

編集

このようなcssクラスを設定できます...

$(document).ready(function() {
    $("#nav li li").mouseenter(function() {
      $(this).parent().parent().addClass("test");
    });

    $("#nav li li").mouseleave(function() {
      $(this).parent().parent().removeClass("test");
    });
});

そしてCSSスタイル...

.test { font-weight:bold; color:#fff; }