CSSサブメニュー

Question

私はlwis.netからいくつかのコード（私は小さなスニペットを使用）

で、私のウェブサイトのための CSSベースのメニューを作成しよう

メニューコードはhttp://jsfiddle.net/hCwZ2/

私がやりたいことは、色を黒に変えるためにサブレベルのメニュー項目でマウスを動かすことです。しかし、私がやったことは、私がサブサブエレメンツの要素を黒くするためにサブ要素を動かすときです。

マウスを動かす魔法使いのアイテムだけを黒くするにはどうすればいいですか？

IE：サービスの

> Webデザイン：物事がうまくあるホバー。 サービスについて>プリントデザイン：サービス>プリントデザイン>ビジネスカード>サービス>プリントデザイン>フライヤーも黒であるため、ホバーのことは間違っています。

私はそれらを黒で、それぞれ1つずつ別々にホバーする必要があります。

：ホバーの色を変更するには、サブメニューの項目のみが必要です。トップレベルの項目は、ホバー上で白でなければなりません。

種類はみなし Merianosニコス

Answer 1

あなたが "LI A" の要素の上にホバーを設定したり、サブメニューのli要素のクラスを定義する必要があります。これで

#main_nav li:hover > ul li:hover a 
{ 
    color:#000; 
} 

：これを置き換える

をone

#main_nav li > ul li a:hover 
{ 
    color:#000; 
} 

Answer 2

CSSを追加してください：

#main_nav li ul li:hover 
{ 
    background-color: Red; 
}