初始化 CSS 链接装饰答案

【问题标题】：Initialize CSS link decoration初始化 CSS 链接装饰
【发布时间】：2019-01-24 00:44:33
【问题描述】：

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

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

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

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

这似乎有一个简单的解决方案，但我的研究到目前为止一直没有结果。

谢谢，

【问题讨论】：

【解决方案1】：

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

过去，对于 CSS，您必须列出所有 4 个才能使它们正常工作。不过，这可能不是您的问题，可能值得排除。如果尚未设置活动状态，则它可能正在获取活动状态。

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

【讨论】：