如何删除CSS line-through

Question

我试图删除text-decoration:line-through;应用于我的元素的样式,我似乎无法这样做.我试过text-decoration:none;但它不起作用.

当我申请text-decoration:underline;时span,似乎不是替换line-through样式,浏览器添加underline样式.

我知道我总是可以重写我的HTML所以需要的元素line-through有自己的类.我想知道是否有其他选择,然后重组我的HTML.

http://jsfiddle.net/wshHW/

<style>
p { text-decoration:line-through; }
span { text-decoration:none; }
</style>

<p>Foo <span>bar</span></p>

Answer 1

我知道我总是可以重新编写HTML，因此需要的元素line-through具有自己的类。我想知道是否还有其他方法可以重新构造HTML。

并不是的。您看到的行为完全是设计使然；祖先将始终将其文本修饰传播给某些后代，相反，您不能从后代内部影响祖先的文本修饰。

尽管重组text-decoration-skipCSS3文本修饰模块看起来很有前途，但目前尚无可行的重组方法。