a:visited { color: green; }
上面这段CSS代码展示了CSS已访问的基本用法。大家可以使用标签选择器并在后面添加:visited伪类,来为已访问的链接设置样式。在这个例子中,大家为已访问的链接设置了绿色的字体颜色。
a:visited { color: green; text-decoration: line-through; }
除了字体颜色以外,大家还可以使用其他CSS属性来设置已访问链接的样式。例如,通过添加text-decoration属性,大家可以为已访问链接添加删除线。这在一些博客或新闻网站中很常见,用来标识已经阅读过的文章。
a:visited { background-color: yellow; }
有些时候,大家需要使用背景颜色来标识已访问链接。这可以通过添加background-color属性来实现。在这个例子中,大家为已访问链接设置了黄色的背景。
需要注意的一点是,由于安全性的考虑,浏览器对a:visited样式进行了限制。如果大家尝试通过JavaScript获取已访问的链接,这些样式不会被应用,从而避免用户的隐私被侵犯。这也是为什么大家通常只能通过颜色、背景或文本装饰等方式来设置已访问链接的样式。
总而言之,CSS已访问为大家提供了一种便利的方式来为已访问链接添加专门的样式。通过设置合适的样式,大家可以让用户更好地跟踪他们阅读过的页面,从而提升网站的用户体验。