2012-01-13 11 views
0

私はドロップダウンメニューを使ってナビゲーションを構築しています。順序付けされていないリストsubnavを含む広告申込情報に、カーソルを置くと白のアンカーテキストが表示されます。私はこれをしましたが、セレクタがドロップダウンライン項目の1つにバグをもたらしました。参照してください:http://jsfiddle.net/W3Dzd/ "sui generis"の上にカーソルを置いて、メニューを下に動かすと、 "マントル"を除いて正常に動作します - アンカーテキストは移動したときに色が変わりません。 私は、メインナビの3番目の広告申込情報のセレクタがサブナブの3番目の広告申込情報も選択していたと思います。 誰かがこれについてより良いセレクタまたは方法を提案できますか?順序なしリスト内の順序付けられていないリスト - 特定の広告申込情報を選択

答えて

1

メニューを生成するコードを変更する(または手作業でコードを変更する場合)可能であれば、サブメニュークラスを親に適用することで、はるかに堅牢なシステムになります子の代わりにliulです。以前のコードでは、メニューを再配置したり、アイテムを追加/削除したりすると、複雑なセレクタを使用して特定のリストアイテムをターゲットにしていました。新しいコードはこれらのケースを問題なく処理します。 http://jsfiddle.net/W3Dzd/4/

+0

感謝をフィードバックするために:

は、あなたがこの更新jsFiddleでアクションに働くかもしれない方法のサンプルを見ることができます。あなたのコードをどのセレクタで置き換えるべきかわからないのですか? .navigation li:最初の子+ li + li:ホバー> a "は、特定のリスト項目を選択しようとしたもので、リストにあるリスト項目のすべてではありません。どのセレクターを置き換えるべきかを明確にすることはできますか?ありがとう! –

+0

@DougFirr少し改善するために私の答えを更新しました。セレクターで何をしようとしているのか分かりませんが、その実際の効果に基づいて重複しているようです。 –

+0

ああ、ありがとう。しかし、今では、ヘッドラインアイテム "sui generis"と "reclaimed wood"のホバー状態の白いアンカーテキストを失ってしまいました。それは、私が最初の子+ liなどを使っただけのこれらの広告申込情報を選択したかったからです。これらのタイトル「sui generis」と「reclaimed wood」が、吊るされたときに白いアンカーテキストを持つようにする方法を提案できますか以前と同じように?他のリスト項目に影響を与えることなく、ベストセレクターは何ですか? –

関連する問題