javascript - リンクにアクセスした後、htmlリンクのホバーが機能しませんか?

Question

css では、テキストリンクの動作を次のように定義します。

a:link {
    color: gray;
}

a:active {
    color: #9999ff;
}

a:hover {
    color: #9999ff;
}

a:visited {
    color: gray;
}

正常に動作します。リンクにアクセスした後、同じ色になっている必要があります。しかし、それは私が得られないものです...リンクにアクセスした後、もうホバリングしません。テキストリンクが常に同じように動作するようにするにはどうすればよいですか。たとえば、link:gray hover:blue ???

どうも

score 7 · Accepted Answer

@Frits van Campenは正しいです。訪問された疑似クラスセレクターがホバーセレクターをオーバーライドしています。このフィドルは修正されています。

a:link {
    color: gray;
}
a:active {
    color: #9999ff;
}
a:visited {
    color: gray;
}
a:hover {
    color: #9999ff;
}

score 1 · Accepted Answer

これはCSS の特異性の問題です。

同じ特異性のルールは、定義された順序に従って適用されます。

より重要なルールをリストの一番下に移動して、それらが優先されるようにする必要があります。

2 に答える 2