【css】选择器介绍(三)伪类选择器

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(未访问时)内属性不再出现,其它两个照常,除非修改链接目标地址或者清空浏览器缓存才能把链接再次变回未访问过的状态。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容