如何用CSS让非链接文本呈现已访问链接的颜色？

首先明确：无法通过CSS变量直接提取已访问链接的颜色值，这是浏览器的隐私安全限制导致的。为了防止网站通过读取:visited样式获取用户浏览历史，浏览器严格限制了:visited伪类的可操作范围——你无法将:visited的颜色值赋值给CSS变量，也不能通过JS读取这个颜色。

关于你用href=""的不稳定问题：空链接的行为完全由浏览器决定，部分浏览器会将href=""视为指向当前页面（已访问状态），但在隐私模式、清除缓存后，或者部分严格的浏览器策略下，它会被判定为未访问，所以这个方案确实不可靠。

可行替代方案 #

如果你只是想让非链接文本呈现浏览器默认的已访问链接颜色，可以直接使用CSS的系统颜色关键字：

.your-text-element {
  color: visitedtext;
}

visitedtext是CSS标准中的系统颜色值，它会直接调用浏览器/系统设置里的已访问链接默认颜色，不需要你硬编码具体色值，也不受浏览历史的影响，完全符合你的需求。

内容的提问来源于stack exchange，提问作者Owyn