在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。分别如下设置：

　　a:link {color: red} /* 未访问的链接 */
　　a:visited {color: green} /* 已访问的链接 */
　　a:hover {color: black} /* 鼠标移动到链接上 */
　　a:active {color: yellow} /* 选定的链接，即鼠标按下去的时候不松开显示的状态 */

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

 

注意：有时候我们发现设置了上面的属性但是没有效果，这是因为他们是有顺序的

1、a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

2、a:active 必须被置于 a:hover 之后，才是有效的。

总结来说就是 link、visited、hover、active。实际编写当中我们很容易不按顺序来写，这里需要特别注意

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄