无法删除HTML链接下划线

Question

当您将鼠标悬停在HTML中的a元素上时，我很难摆脱出现的下划线链接。我向style="text-decoration: none"链接添加了a属性，但是当我将鼠标放在文本上时，会出现下划线。

我也尝试使用此CSS：

.nounderline {
  text-decoration: none;
}

.nounderline a:hover {
  text-decoration: none;
}

然后在nounderline链接上设置a类。

Answer 1

如果在CSS中!important之后添加none，则下划线应消失。好吧，如果仅使用html和css，并且css正确链接，它将消失。

Answer 2

Working example and a thumbs down? How is that possible? lol

.nounderline{
text-decoration: none
}

.nounderline:hover{
text-decoration: none
}

<a class="nounderline" href="http://example.com">Link</a>

Answer 3

你应该喜欢

<a href="" class="nounderline">Text</a>

css在这里

.nounderline{text-decoration:none;}

此外，如果要删除所有a标签上的下划线，请添加CSS

a{text-decoration:none;}

更新：我已删除!important。如果要覆盖该属性，则可能需要添加它。