CSS a链接的四种状态

a标签的四种状态(按照顺序即可让各个状态生效)	6/29
a:link {color:#FF0000;}/* 未被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
原因：浏览器先来先解释，后来就覆盖
1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；
2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；
为了使各个状态生效
a:hover必须位于a:link和a:visited之后
a:actived必须位于a:hover之后