-3

私のウェブサイトは画像を使ったシンプルなものです。サイト全体のコンテンツは、メニューの div タグに基づいています。タグを使用してリンクを追加し、別の を使用して別のホバー効果を作成しました。そのリンクにホバーすると、メニューに表示されるのと同じホバー効果が発生し、リンク用に作成したホバーが機能しません。最後にメニューの div を閉じることができます [リンクの前にメニューの div を閉じて、リンクに別の div を使用すると配置が変更されるため]。解決策を提案してください。明確にするためにコードを投稿してほしい場合は、教えてください。ありがとうございました。！

4

2 に答える 2

2

疑似クラスが特定のノードに固有のものであることを確認するのが最善です。これは、次のように行うことで実現できます。

#(div name) a:hover {
   color: blue;
   text-decoration: underline;
 }

特定の div 内にネストされた属性が参照されていることを確認します。

于 2012-06-06T21:11:10.550 に答える
1

マークアップの内容に基づいて、属性セレクターを使用して、特定のリンクまたはリンクの種類を選択できます。次に例を示します。

a[href="www.yoursite.com"]:hover { color: red; }

HTMLタグ内にある任意の属性を選択して選択できます（id、class、href、title、altなど、構成された属性も）。指定されたフレーズが属性に存在する場合に基づいて要素を選択する ,,similar'' 演算子を使用して、さらに一歩進めることができます (ただし、まったく同じではありません)。例えば：

a[href~="https"]:hover { color: red; }

href 属性内に https があるすべてのリンクを選択します。属性セレクターは ie6 ではサポートされておらず、ie7 では問題があることに注意してください。簡単に回避策を探すことができます。

于 2012-06-06T20:41:46.157 に答える