Question

如果有人能告诉我为什么以下代码的访问链接部分无效，我将不胜感激:(悬停颜色确实有效，但访问链接后颜色没有变化）。< / p>

非常感谢，扬

a {
color: #5fade5;
text-decoration: none;
}

a:hover {
color: #2d71a4;
}

a:visited
{
color: #096782;
}
/*

Answer 1

如果访问的链接和悬停，则所有三个选择器都将匹配该元素。

a:hover和a:visited选择器具有相同的特异性，因此最后一个中的规则会覆盖前一个中的匹配属性。

移动:hover规则，使其显示在:visited规则之后，以便:hover规则覆盖:visited规则，而不是相反。

您可以在CSS规范中了解the cascade。

Answer 2

为了回答＆＃34;为什么下面代码的访问链接部分不起作用＆＃34;，实际上是。但是：

a）你的颜色非常相似，悬停和访问的颜色在短文本中几乎无法区分。

b）正如Quentin所说，你的访问和悬停规则的顺序错误，所以你会看到悬停颜色一次，但是再也没有，因为被访问者会忽略它。

c）c）最后，不要忘记，一旦你点击链接，它将始终保持该颜色（悬停时除外）并且永远不会返回到新鲜的未访问颜色，即使页面刷新后，因为您的浏览器记得您已访问过它。要再次查看原始颜色，请在每次测试时更改链接目标网址。

因此，所有这些要点可能会使问题混乱。要测试它，尝试给三种规则提供非常不同的颜色，例如蓝色，红色和灰色（并重新排序悬停/访问规则），这样你就可以更清楚地看到发生了什么。我希望这可以确定您遇到的问题。

此外，您应该添加一个焦点规则（与悬停一个颜色相同，并且紧跟在它之后），以便键盘用户可以看到它们所在的链接。

Answer 3

我认为问题在于您应该a:link {}而不仅仅是a {}，除非您发表评论并确保将其与其他{关闭}，否则也会删除/* {1}}。你的CSS应该是这样的：

*/