访问时禁用锚标记的颜色更改

Question

我必须在访问时禁用锚标记的颜色变化。我这样做了：

 a:visited{ color: gray }

（链接在访问之前是灰色的。）但这是我在访问链接后明确声明颜色的一种方式，这又是一种颜色变化。

在访问时如何在不进行任何显式颜色更改的情况下禁用锚标记的颜色更改？

原文由 popcoder 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你不能。您只能设置访问状态的样式。

对于发现此问题的其他人，请确保它们的顺序正确：

 a {color:#FF0000;}         /* Unvisited link  */
a:visited {color:#00FF00;} /* Visited link    */
a:hover {color:#FF00FF;}   /* Mouse over link */
a:active {color:#0000FF;}  /* Selected link   */

原文由 Rich Bradshaw 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您只是希望锚点颜色与锚点的父元素保持相同，您可以利用继承：

 a, a:visited, a:hover, a:active {
  color: inherit;
}

请注意，无需为每个选择器重复该规则；只需使用逗号分隔的选择器列表（锚伪元素的顺序很重要）。此外，如果你想有选择地禁用特殊锚颜色，你可以将伪选择器应用于类：

 .special-link, .special-link:visited, .special-link:hover, .special-link:active {
  color: inherit;
}

您的问题仅询问访问过的州，但我认为您指的是所有州。如果你想允许所有未访问的颜色更改，你可以删除其他选择器。

原文由 Ryan 发布，翻译遵循 CC BY-SA 3.0 许可协议