css 新手问题 - 有关 a:visited 的安全性和样式

Question

我正在尝试使用 a:visited、a:link 等样式...我发现 a:visited 有这 2 个问题：

• 为什么忽略 a:visited 的字体大小而使用 a:link 代替

• 为什么不显示背景颜色取决于 a:link 是否具有背景颜色属性

Example

a:link {
  /*background-color:#ff8000;*/
  font-size: 28px;
}

a:visited {
  font-size: 12px;
  background-color: grey;
  color: #10aaf0;
}

我用谷歌搜索了一下并在w3schools 中读到，大多数样式都是从 a:link 继承的，以解决安全/隐私问题，但我不明白为什么背景颜色只有在我明确设置时才有效a:link 然后在 a:visited 中修改它。

TL;DR：

• 显式设置背景颜色有什么区别 a:link 让 a:visited 应用它自己的背景样式？
• 它对那些通过 CSS 进行的浏览器历史查询攻击仍然敏感吗？

在我尝试过的浏览器中，它的行为似乎相同：Chrome 45 和 IE 11。

Answer 1

我不能谈论安全问题，因为我还没有听说过与锚标签相关的事情。但是a:link 选择器在大多数情况下的行为类似于a，因为它应用于具有href 属性的锚标记。而a:visited 仅适用于用户之前访问过的链接。除此之外，您应该注意声明样式的顺序。

例如看看这个：http://codepen.io/anon/pen/ojzwgY

它在 Firefox、Safari 和 Chrome 中按预期工作