hover擬似クラスは初めて有効な解決策のみ

aラベルには、次の4つの擬似クラスがあります.
link未アクセス(デフォルト)hoverマウスサスペンション(マウススリップ)activeマウスアクティブ化(マウス押下)visitedアクセス後(クリック後)
4つの擬似クラスのcssでの順序は、実際の使用での効果に影響を与える可能性があります.2つのテストページを参照してください.
1、hover/activeはマウスの最初の操作後に失効します.ここをクリックしてプレゼンテーションページを見てください.cssスタイルコードは以下の通りです.

a:link{ font-size:60px; text-decoration:none; color:green;} 

a:hover{color:red; text-decoration:underline;}
a:active{color:yellow;}
a:visited{color:black;}

2、hover/activeはずっと有効です.ここをクリックしてプレゼンテーションページを見てください.cssスタイルコードは以下の通りです.

a:link{ font-size:60px; text-decoration:none; color:green;} 
a:visited{color:black;}
a:hover{color:red; text-decoration:underline;}
a:active{color:yellow;}

上記のコードからvisited擬似クラスをhover/activeの前に置くだけで、hoverが初めて有効なバグしか解決できないことがわかります.