CSS : a:visited 在 Safari 和 Firefox 中未正确显示

Question

我为链接设置了下面的 CSS。此代码生成此..

在 Firefox 中：链接为灰色、焦点和悬停为白色，但访问后不会变成粉红色。

在 Safari 中：链接为灰色，焦点和悬停为白色，访问时变为粉红色，但在刷新/清空缓存/重置 safari 后不会重置回灰色。

a {
  display: block;
  text-decoration: none;
  font-weight: normal;
}           
a:link {
  color: grey;
}
a:visited {
  text-decoration: none;
  color: pink;
}
a:focus {
  color: white;
}
a:active, 
a:hover {
  text-decoration: none;
  color: white;
}

请帮忙？

Answer 1

编辑：

在 Firefox 中，转到工具 -> 选项 -> 内容（选项卡）-> 颜色-> 并选中“允许页面选择自己的颜色”。这应该可以让您看到您的 CSS 访问过的颜色。

可能没有使用正确的顺序：

a:link
a:visited
a:hover
a:active
a:focus

这样排列您的代码：

a {
  display: block;
  text-decoration: none;
  font-weight: normal;
}           
a:link {
  color: grey;
}
a:visited {
  text-decoration: none;
  color: pink;
}
a:hover,
a:active {
  text-decoration: none;
  color: white;
}
a:focus {
  color: white;
}