javascript - 初始化 CSS 链接装饰

Question

我已将我网站的已访问链接配置为使用以下 CSS 更改颜色:

a:link {text-decoration: none; color: Navy;}
a:visited {text-decoration: none; color: DeepSkyBlue;}

效果很好。但是，即使我重新加载或清除浏览器的缓存，我也无法初始化链接装饰。这就是我想要做的:通过浏览器重新加载，我希望浏览器忘记 访问过的链接，即我希望访问过的链接的 DeepSkyBlue 颜色在页面重新加载时更改为默认的 Navy 颜色。

我正在使用最新版本的 chrome。如有必要，我可以使用任何 Chrome 扩展程序。使用 JavaScript 或 CSS 的解决方案也可以。

这似乎有一个简单的解决方案，但我的研究至今没有结果。

谢谢，

Answer 1

这是 CSS 和 Chrome 的问题。是的，您清除了缓存，但 Chrome 中的缓存就像鞋底上的泡泡糖。我认为打开开发人员工具是 Shift + 刷新选择硬刷新无缓存。

过去，使用 CSS 时，您必须列出所有 4 个才能使它们正常工作。这可能不是你的问题，但可能值得排除。如果尚未设置事件状态，则可能会选择事件状态。

a {text-decoration: none;}
a:link { color: Navy; } 
a:visited { color: DeepSkyBlue; }
a:hover { color: Navy; } 
a:active { color: Navy ;}