重置访问的颜色

Question

我需要在悬停时更改链接的颜色，但在点击后返回原始版本，我当前使用的代码会在点击链接后停止更改悬停。

<div id="nav1"><a href="clients.html">/Clients</a></div>

#nav1 {
    position: absolute;
    font-family: "Gill Sans";
    font-weight: 300;
    font-size: 10pt;
    letter-spacing: 0.15em;
    color: #fff;
    margin-top: 30px;
    margin-left: 20px;
}
#nav1 a:link {
    color: #fff;
    text-decoration: none;
}
#nav1 a:hover {
    color: #e8138b;
    text-decoration: overline;
}
#nav1 a:visited {
    color: #fff;
    text-decoration: none;
}

Answer 1

在a:hover之后填写a:visited声明。

Answer 2

将:hover样式移到:visited样式下方。它们具有相同的选择器特异性，因此最后的样式对:hover和:visited的链接生效。

顺便说一句，如果你想要一个单独的风格，你可以使用:hover:visited。

Answer 3

这应该可以解决问题......

#nav1 a:link,
#nav1 a:visited {
  color: #fff;
  text-decoration: none;
}
#nav1 a:hover {
  color: #e8138b;
  text-decoration: overline;
}