訪問した色をリセットする

Question

ホバーで変更するにはリンクの色が必要ですが、クリックすると元の状態に戻ります。現在使用しているコードは、リンクがクリックされるとホバーの変更を停止します。

<div id="nav1"><a href="clients.html">/Clients</a></div> 

#nav1 { 
    position: absolute; 
    font-family: "Gill Sans"; 
    font-weight: 300; 
    font-size: 10pt; 
    letter-spacing: 0.15em; 
    color: #fff; 
    margin-top: 30px; 
    margin-left: 20px; 
} 
#nav1 a:link { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
} 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
} 

Answer 1

a:visited後a:hoverのあなたの宣言を置きます。

Answer 2

:hoverスタイルを:visitedスタイルより下に移動します。彼らは等しいセレクター特異性を持っているので、最後のスタイルは:hoverと:visitedのリンクに有効です。

ちなみに、別のスタイルを完全に使用したい場合は、:hover:visitedを使用できます。 2007年から

Answer 3

これはトリックを行う必要があります...

#nav1 a:link, 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
}