CSS a:visited设置已被访问链接样式

a:visited

元素选择器a集合:visited伪类选择器,可以匹配查找到已经被点击访问过的链接,并对其进行相应的样式设置,比如很多网站会将已被访问的链接(会浏览器缓存)设置成不同的颜色,以与为访问过的进行区分,增强用户体验感。


a:visited实例代码,及在线编辑器

下面的实例将被访问过的链接的字体颜色设置成橘黄色:

<a href='#1' target='_blank'>链接一</a>
<a href='#2' target='_blank'>链接二</a>

<style>
  a:visited{color:orange;}
</style>

实例代码解析

当然也可以为访问过的链接设置其它的样式,比如设置字体大小、背景颜色等等,这些属性可参考CSS教程的前面的那些章节中的内容。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.