HTML中A标签有4种状态

例子

a:link {color: #FF0000}     /* 未访问的链接 */
       a:visited {color: #00FF00}  /* 已访问的链接 */
       a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
       a:active {color: #0000FF}   /* 被选择的链接 */

以下转自

转自：http://jo2.org/alinkvisitedhoveractive-a%E6%A0%87%E7%AD%BE4%E7%8A%B6%E6%80%81%E6%8E%92%E5%BA%8F%E5%8E%9F%E5%88%99/

HTML中A标签有4种状态，link,visited,hover,active，不过如果写CSS的时候排序错误就会导致状态失效或错乱，纠结。

其实真正能生效的排列顺序就是我图中的顺序，但我相信好多人都记不住。所以说一个简单的技巧给大家方便记忆：

A标签4种状态的排序规律符合一个原则，叫“爱恨原则”，由某国外友人提出，如下：

LoVe/HAte

以上分别是爱与讨厌的单词，估计绝大部分人都记得。其中加亮的字母即是A标签4种状态的首字母。怎么样？如此来记，就一目了然了吧？