javascript - 如何从链接中删除下划线并在悬停时添加下划线？ (附图片)

Question

我希望从链接中删除下划线。当我用鼠标指针将其悬停时，我还希望出现下划线。如何才能做到这一点？请帮助。

没有悬停:

当我将鼠标悬停在 Login 链接上时:

Answer 1

您需要关闭链接的 CSS 属性 text-decoration，然后使用 :hover dynamic pseudo class在悬停时添加 text-decoration。

a {
    text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

Demo

此外，您可能还需要设置 :visited:hover 伪类的样式，以便下划线出现在用户已经访问过的链接上。 link order in css是一个很好的答案，因为 CSS 规则的顺序很重要。