web-dev-qa-db-ja.com

<a>リンクカラーCSSがChrome / Firefox / IE / Safariなどで機能しない

ここに私のサイトがあります: http://dosrevival.com

ChromeおよびIE(一部のFirefoxバージョンで動作しますか?!?)をクリックした後、リンクが紫色に変わるのを止められないようです。私のCSSファイルでは、必要に応じてa:linkとa:hoverの 'color'を白に、 'text-decoration'をnoneまたは下線付きに変更しています。 Chromeがこれを元に戻す原因は何ですか?ありがとう!

1
user4944

このリンクをご覧ください
http://blogs.x2line.com/al/articles/159.aspx

基本的に、これらの線に沿って何かが必要です

a:link              { color:red; }
a:visited           { color:green; }
a:hover             { color:blue; }
a:active            { color:orange; }

私はそこに紫を入れなかったことに注意してください。クリックプロセスのライフサイクルの各色を見ることができます。

また

VERYそれらを 適切な順序 で配置することが重要です。リンク、訪問済み、ホバー、アクティブ

3
Chase Florell

必ず仕様を確認してください。場合によっては、a:visitedをBody全体に設定したり、一般的な再定義を設定したりすることがあります。私はよく#container whateverClasss a:visited {color:#000;}のような親ID(クラスよりもIDの重みが大きい)を使用します。 !importantを追加します。動作する可能性もありますが、はもっと悪いです。一般的に注文をするのが最善です。

3
S.gfx