a:link: 未访问的链接
a:visited: 访问过的链接
a:hover: 鼠标滑过链接时
a:active: 点击链接时
我们来放置一个标签
<a href="#">链接</a>
使用伪类选择器为链接设置样式:
<style>
a:link{color:red}
a:visited{color:blue}
a:hover{color:pink}
a:active{color:black}
</style>
未访问
访问过后
划过时
点击时
注意:
由于浏览器有缓存功能,访问过后的链接会一直保持访问后的状态即a:visited,a:link(未访问时)内属性不再出现,其它两个照常,除非修改链接目标地址或者清空浏览器缓存才能把链接再次变回未访问过的状态。