html中a标簽點選狀态失效（覆寫）——link,visited,hover,active的順序

html中，​

​<a>​

​ 标簽的點選事件有四個狀态，分别是link、visited、hover、active，如果同時設定多個狀态的顯示且不按照一定狀态的話，就會讓一些效果被覆寫了。

下面放一段錯誤代碼，先設定hover，再設定visited，會發現當滑鼠移上去後a的顔色還是白色（#fff），而不是想要的#f0a986，即a的hover的樣式被visited的覆寫了。

a:hover{
    color: #f0a986;
    text-decoration: none;
}

a:visited{
    color:#fff;
    text-decoration: none;
}      

正确的順序應該是：

link→visited→hover→active      

​

​a:link​

​​：未通路時的樣式，一般省略成a

​​

​a:visited​

​​：已經通路後的樣式

​​

​a:hover​

​​：滑鼠移上去時的樣式

​​

​a:active​

​：滑鼠按下時的樣式