重置访问的颜色

Posted 2023-05-08

【中文标题】重置访问的颜色

【英文标题】：Resetting visited colour

【发布时间】：2011-10-26 10:44:24

【问题描述】：

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

<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;

【参考方案1】：

将a:hover 的声明放在a:visited 之后。

【参考方案2】：

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

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

【讨论】：

我只是在想象 IE 在看到多个伪元素时会破坏的所有不同方式。这就像在玻璃店里扔砖头一样。

【参考方案3】：

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

#nav1 a:link,
#nav1 a:visited 
  color: #fff;
  text-decoration: none;

#nav1 a:hover 
  color: #e8138b;
  text-decoration: overline;