你在链接上使用 :visited 吗?
摘要
作者反思使用 CSS :visited 伪类来高亮已访问链接以提升用户体验,分享一个简单的 CSS 实现,并讨论其在网页开发中的应用。
<p><a href="https://lobste.rs/s/34xsdg/do_you_use_visited_on_links">评论</a></p>
查看缓存全文
缓存时间: 2026/09/21 12:24
# 你使用 :visited 伪类设置链接样式吗? - Kev Quirk
来源:https://kevquirk.com/do-you-use-visited-on-links
2026年9月21日 | 阅读时长1分钟
我一直让超链接的`:visited`样式与未访问链接保持一致,这似乎也是网络上的默认做法。我从未过多思考过这个问题,直到实际需要`深入使用:visited伪类`时才有所改观。
我常用的RSS阅读器Miniflux(https://miniflux.app/)就恰当地运用了`:visited`属性,将已访问链接显示为紫色。当我浏览通过RSS订阅的*数百个*博客时,能直观看到文章内哪些链接已被访问过,这个功能确实非常实用。
因此我决定略微调整本站的CSS,将已访问链接设为紫色。这种变化很细微,但我想应该足够清晰:
visited-links
如果你想实现类似效果,CSS代码非常简单:
``
a {
color: #3995F7;
}
a:visited {
color: #8839F7;
}
``
你的博客会使用`:visited`属性吗?我感觉在网络上很少见到这种设计实践。
Meta标签(https://kevquirk.com/tag/meta)Web技术(https://kevquirk.com/tag/web)
[通过邮件回复](mailto:[email protected]?subject=Reply%20to:%20Do%20you%20use%20:visited%20on%20links?)
## 订阅更多内容!
无需反复访问本站阅读我的随笔更新。您可以通过以下方式订阅,在我发布新内容时接收通知:
通过RSS订阅(https://kevquirk.com/feed)
通过邮件订阅(https://kevquirk.com/subscribe#email)
相似文章
CSS 依然很棒
本文赞美了CSS的演进、特性和向后兼容性,强调了它在Web开发中的持续相关性和改进。
CSS历史趣闻
本文探讨了历史上的CSS技巧和怪癖,详述了早期网页开发中使用的浏览器特定利用方法,例如属性解析和文档级别的检测方法。
CSS:不可避免的坏部分
一位非Web开发者的个人博客文章讨论了CSS中不可避免的坏部分,包括布局难题、浏览器默认设置和过度使用包装器,同时强调了可处理简单任务的子集。
我如何在博客中使用CSS View Transitions
作者详细介绍了如何在静态博客上仅使用CSS跨文档视图过渡来为页面导航添加动画,无需JavaScript路由,包括设置布局列和动画。
过时的CSS及其为何需要它
本文回顾了针对Internet Explorer版本的过时CSS技巧,如条件注释和解析器利用,突出了过去开发者如何应对浏览器不一致性。