HTML href-悬停不系统

Question

我观察到了带有html href属性的奇怪行为：

尽管已为此定义了CSS选择器，但当鼠标悬停时，我的某些链接仍被注释为彩色。

当我插入http链接时，左下角（Mozilla Firefox）的浏览器预览都是在https中显示。

我知道这似乎很奇怪，是一个非常基本的问题，但是我从未注意到过这种行为。我错过了什么？

这是一个演示

createTransaction

dt{font-family:'Muli',sans-serif;font-size:14px;}
A:link {color: #1c1c1c;text-decoration:none;}
A:hover {color: #3d62e7;}
A:visited {color: #1c1c1c;text-decoration:none;}

Answer 1

查看访问链接的样式：

A:visited {color: #1c1c1c;text-decoration:none;}

我愿意打赌那些您没有看到过的颜色是您已经访问过的链接。

我可以确认此行为（在Chrome中）。一旦我访问了您的示例中的链接之一，它就不再具有hover风格。

声明规则的顺序很重要。您可以通过更改规则的顺序并将:hover放在:hover之后来使:visited状态优先：

A:link {color: #1c1c1c;text-decoration:none;}
A:visited {color: #1c1c1c;text-decoration:none;}
A:hover {color: #3d62e7;}