アンカータグの訪問時の色の変更を無効にする

Question

訪問時にアンカータグの色の変更を無効にする必要があります。私はこれをしました：

a:visited{ color: gray } 

（リンクは訪問前に灰色です）。しかし、これは、リンクが訪問された後に明示的に色を指定する方法です。これも色の変更です。明示的な色の変化を行わずに訪れたとき

は、どのように私はアンカータグの色の変化を無効にすることができますか？

Answer 1

あなたは、あなただけの訪問状態のスタイルを設定することができますすることはできません。他の人がこれを見つけるために

、あなたが正しい順序でそれらを持っていることを確認してください。:hoverについては

a {color:#FF0000;}  /* unvisited link */ 
a:visited {color:#00FF00;} /* visited link */ 
a:hover {color:#FF00FF;} /* mouse over link */ 
a:active {color:#0000FF;} /* selected link */ 

Answer 2

どちらのセレクターを削除したり、テキストが正常に表示されたのと同じ色に設定します。

Answer 3

を:visitedを上書きすると、必ず:visitedは、初期の色と同じであることを確認するために、:hoverが来なければなりません:visitedの後。

あなたは色の変化を無効にしたいのであれば、a:visitedはa:hoverの前に来なければなりません。このように：あなただけのアンカー色がアンカーの親要素と同じ滞在したい場合は、あなたが活用できる

a, a:visited { color: gray; } 
a:hover { color: red; } 

Answer 4

：

a { color: gray; } 
a:visited { color: orange; } 
a:hover { color: red; } 

あなたは非疑似クラスでそれをスタイルでしょう:visited変更を無効にするには継承：

a, a:visited, a:hover, a:active { 
    color: inherit; 
} 

各セレクタに対してルールを繰り返す必要はありません。コンマで区切られたセレクタのリストを使用するだけです（アンカー擬似要素の順序の問題）。また、あなたが選択的に特別なアンカー色を無効にしたい場合は、クラスに擬似セレクタを適用することができます。

.special-link, .special-link:visited, .special-link:hover, .special-link:active { 
    color: inherit; 
} 

あなたの質問にのみ訪れ状態について尋ね、私はあなたがすべての状態を意味仮定しました。他のセレクタを削除することができます。

Answer 5

ただし、クリックされていないリンクにのみ影響します。

Answer 6

あなたが一緒にa:linkとa:visitedセレクタを呼び出すことによって、この問題を解決することができます。それに続いてa:hoverセレクタを押します。

a:link, a:visited 
{color: gray;} 
a:hover 
{color: skyblue;}