当你用CSS来定义链接的多个状态样式时,要注意它们书写的顺序,正确的顺序是:

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

 

指定链接的样式的顺序_HTML/CSS