text-decoration:none 不会删除链接下划线，但 line-through 工作正常，为什么？ [复制]答案

【问题标题】：Text-decoration:none will not remove link underline, but line-through works fine, why? [duplicate]text-decoration:none 不会删除链接下划线，但 line-through 工作正常，为什么？ [复制]
【发布时间】：2019-10-26 01:30:14
【问题描述】：

我正在尝试为我的网站编写一段代码，但似乎无法摆脱链接上的下划线。我一直在 w3schools 上对其进行测试，但它并没有消失。代码如下：

   &lt;p&gt;&lt;span style="color: #ff8000; font-size:80%; font-family:roboto"&gt;Please &lt;a href="#"&gt;&lt;span style="color: #525252; font-size:100%; font-family:roboto;"&gt;contact us&lt;/a&gt; if you are interested in this product.&lt;/p&gt;

我在任何地方都找不到问题的答案，当我执行 text-decoration: line-through 时，它可以工作，那么为什么不使用 text-decoration: none？

【问题讨论】：

请向我们展示您拥有的代码。以及您尝试过的方法
您的 HTML 在a 中有一个未封闭的span。

标签： html css

【解决方案1】：

去除anchor元素下划线的css属性为：

text-decoration: none

也许您将 css 样式应用于错误的元素。确保将其应用于<a> 元素

   &lt;p&gt;&lt;span style="color: #ff8000; font-size:80%; font-family:roboto"&gt;Please &lt;a style="text-decoration: none;" href="#"&gt;&lt;span style="color: #525252; font-size:100%; font-family:roboto;"&gt;contact us&lt;/a&gt; if you are interested in this product.&lt;/p&gt;

【讨论】：

@isherwood 我更新了我的答案，看来用户可能将样式应用于错误的元素。如您所见，text-decoration: none 工作正常