点击

Question

我有一个像这样的按钮：

当我将鼠标悬停在它上面时，它看起来像这样：

当我点击它时，它会带我到一个显示我简历的新标签。但是，当我回来时，有一个下划线，我想删除：

我可以并且确实删除它，因为我设置了按钮的:focus部分：

.resume-button:focus {
    text-decoration: none;
    color: #FFFFFF;
}

当用户再次尝试将鼠标悬停在链接上时，会出现问题。它不再徘徊，因为链接仍然“点击”;因此，当我悬停时，文本“恢复”的颜色保持白色，并且在我点击其他地方重置链接之前不会改变颜色。如何在不点击网站的其他部分的情况下重置<a>的状态？

Answer 1

尝试活动和访问状态以涵盖所有可能性。有时链接在使用浏览器后退按钮后保持活动状态，并且在正常的Web浏览过程中链接可能会被标记为已访问。

a:active, a:visited {
color: #fff;
}

链接可以有四种状态：

1. a：link - 正常的，未访问过的链接
2. a：已访问 - 用户访问过的链接
3. a：悬停 - 当用户将鼠标悬停在其上时的链接
4. a：活动 - 点击时的链接

这些是伪类，它们应该按照这个指定的顺序声明，因为在时间轴中它们只能一个接一个地发生。

人们倾向于认为一些捷径有助于记住正确的序列，例如：LoVeHAte。

Answer 2

请改用:focus选择器。 :active是选中的内容，key-value是按下的内容。

Answer 3

您正在寻找的是@

:visited

使用a:visited{ /*styles */} 选择器设置指向未访问网页的链接的样式， 将鼠标悬停在:link选择器上以设置链接样式， 和:hover选择器在您点击它们时设置链接样式。