如何阻止我的锚标记直通？

Question

我有我的span标签：

<span style="text-decoration:line-through" > Hello World <a href="http://www.yahoo.com">Yahoo</a> </span>

正如您所看到的，我已经在跨度上应用了直通。但这也会导致锚标记上的直通。如何防止锚标记上的直通。我不希望罢工我的锚标签。

注意：请不要让我将我的锚标签移到span标签之外！如果我能这样做，我就不会问这个问题。

Answer 1

[来自CSS text-decoration property cannot be overridden by child element]

text-decoration specs州：

  

后代元素上的'text-decoration'属性不能有任何属性   对祖先的装饰有影响。

text-decoration-skip，如链接问题中所述，最新版本的Chrome既不支持，也不支持Firefox

---

我不知道这是否可以接受，但由于下面的解决方案不起作用，这可能是您唯一的方法：

<span>
   <span class="strikethrough">Hello </span>
   <a href="#">World!</a>
</span>​

.strikethrough {
   text-decoration: line-through;
}

嵌套span元素是有效的。 Are nested span tags OK in XHTML?

---

不起作用：

默认情况下，该属性将由子项继承。如果您不想这样，请覆盖它。

span > a {
   text-decoration: none;
   /* or perhaps 
   text-decoration: underline;
   */
}

这将确保所有出现为span元素直接后代的锚元素都不会有删除线。