html - 如何删除 CSS line-through

Question

我正在尝试删除text-decoration:line-through;应用于我的元素的样式，但我似乎无法这样做。我已经尝试过text-decoration:none;，但它不起作用。

当我申请text-decoration:underline;时span，似乎line-through浏览器没有替换样式，而是添加了underline样式。

我知道我总是可以重新编写我的 HTML，因此需要 a 的元素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，因此需要 a 的元素line-through有自己的类。我想知道除了重组我的 HTML 是否还有其他选择。

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

text-decoration-skip尽管从即将到来的 CSS3 文本装饰模块看起来很有希望，但目前还没有一个非常可行的重组替代方案。