2017-09-29 13 views
0

これは、現在どのようにです:訪問したリンクの後にホバー効果を緩めないようにCSSを設定するにはどうすればよいですか?

/* OCSearch Texto */ 
.linksearch { 
color: #fff; 
margin-top: 1px; 
margin-left: 20px; 
font-size: 12px;  
} 

.linksearch a:link { 
color:#d8d8d8; 
} 

.linksearch a:hover { 
color:#fff; 
} 

.linksearch a:visited { 
color:#d8d8d8; 
} 

#のd8d8d8に色の変化をクリックするが、その後、それ以上ホバーをtheresの。ありがとう。

+1

あなたの ':hover'ルールを':visited'ルールの下/カスケードオーダーの下に移動しようとしましたか? – UncaughtTypeError

+0

@UncaughtTypeErrorが言ったこと。 ':hover'を':visited'の後に並べ替えます。 –

+0

パーフェクト、私は注文がこれに影響するだろうとは思わなかった。ありがとう! –

答えて

0

これを解決するには、:hover:visitedの宣言を交互に使用してください。また、キーボードユーザーのために:focus疑似を無視しないでください。特に、フォーカス可能なアイテムからoutlineを削除するリセットを使用している場合。

/* OCSearch Texto */ 
.linksearch { 
    ... 
} 

.linksearch a:visited { 
    color:#d8d8d8; 
} 

.linksearch a:hover, .linksearch a:focus { 
    color:#fff; 
} 
関連する問題