代码实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>eyoumb.com教程(eyoumb.com)</title> <style> a:link {color:green;} a:visited {color:green;} a:hover {color:red;} a:active {color:yellow;} </style> </head> <body> <p>将鼠标移上并点击此链接: <a href="https://www.eyoucms.com/" target="_blank" >eyoucms.com</a></p> <p>将鼠标移上并点击此链接: <a href="https://www.eyoumb.com/" target="_blank" >eyoumb.com</a></p> <p><b>注意:</b>:link选择样式链接到你还没有去过的链接。</p> </body> </html>
尝试一下 »
点击“尝试一下”按钮查看在线实例
定义和用法
:visited 向访问过的链接添加特殊的样式。
:visited 是伪类,并且它适用于到已经访问的另一资源的超链接。
:visited 适用于指向已访问的URL的链接,访问URL是链接点显示在用户代理的历史记录中的网址。
这种状态与 :link 状态互斥。
例子:
a:visited {color: purple;} *:visited {color: gray;}
提示:使用:visited选择器设置访问过的页面链接的样式, :hover选择器当有鼠标悬停在其上的链接样式,:active 选择器设置当你点击链接时的样式。