css - 如何消除非链接网址上的下划线？

Question

我知道 outlook (word) 会向链接添加标签，而且我知道有几种方法可以通过 CSS 覆盖它(在标题的样式标签和 href 中)。

但是这些标签被忽略、编辑和/或根本不起作用。

在这种情况下，outlook 和 aol 邮件客户端似乎会在未包含在 href 中的 url 中添加下划线。

即使我应用了 SPAN 标签，并声明了 text-decoration: none，下划线也会出现。

有什么建议可以消除这种情况吗？

Answer 1

span{
text-decoration:none;
}
.link{
text-decoration:none;
}

<span><a href="#" >LinkA</a></span>
<span><a class="link" href="#" >LinkB</a></span>

span 标签不应用 text-decoration:none。而是将样式应用于 anchor 标记。