すでにvisited
になっており、マウスでhover
になっているハイパーリンクにのみ、フォントcolor
を適用できますか?CSS - a:訪問済み:ホバー?
基本的に、私がやりたいことは可能である
a:visited:hover {color: red}
すでにvisited
になっており、マウスでhover
になっているハイパーリンクにのみ、フォントcolor
を適用できますか?CSS - a:訪問済み:ホバー?
基本的に、私がやりたいことは可能である
a:visited:hover {color: red}
はいです。ここで
は例です:
<style type="text/css">
a:link:hover {background-color:red}
a:visited:hover {background-color:blue}
</style>
<a href="http://www.google.com/">foo</a><a href="http://invalid/">bar</a>
すべてのブラウザでサポートされていますか? Firefox 3.5で動作しないようです。 –
FFox 3.5とIE7では動作しますが、IE6では動作しません。 – jimyi
FF 3.5のように見えます。 IE 6のすべての回避策? –
を有効にするリンク、CSS間の配列が..です は:リンクと::ホバーは後に来なければならない訪問し、アクティブにした後に来なければなりません。ただcolor
(クローム/ FF)a:visited:hover
の背景を宣言せず
これは一般的には良いアドバイスですが、この質問には当てはまりません。質問には、要素に適用される他の擬似の順序(または存在)について言及するものは何もありません。「a:visited:hover」は、あなたが答えで言及したセレクタのいずれかより具体的です(そして質問はIE6ではルールが適用されず、他のルールよりも優先されます)。 – Quentin
あなたのコメントを感謝します。私はあなたのコメントを感謝しますが、私が投稿した解決策は、多くの人が直面している最も一般的な問題でも、私はそれを修正した後も同じシーケンス問題に直面していて、他の人が同じ問題に直面しないので投稿しました。 – user3110896
一般的な問題ですが、尋ねられる問題ではありません。 – Quentin
FWIWは、私はスタイリングすることができませんでした...]リンクの下に参照してください詳細について を合わせます:link:hover
(none
またはinherit
以外のものは機能しそうですが、私はrgba()
をアルファベットに使用しています)。これはクローム/ FFに機能するために
:
a:visited:hover {
color: #f00;
}
...(のようなもの)これが存在している必要があります
a:link:hover {
background-color: rgba(255, 255, 255, 0);
}
これが正しく動作するためのCSS宣言順があります先に述べたように、この特定のオプションをカバーしていませんが、それは違いを生み出します。私はこれをChromeでテストしました。
注文は
a:link { color: red; }
a:visited { color: blue; }
a:visited:hover { color: yellow; }
a:hover { color: green; }
a:active { color: gray; }
でそれが前か後に来るかどうか動作します:ホバーと::訪問:訪問し、前:アクティブ後にホバーしている限り、両方のようにホバー。私はちょうど2つの訪問されたリンクを一緒にして、2つのホバーを一緒に保つことを好む。
これはFFで動作するようですが、IE 6では動作しません。 –