CSS“文本装饰：无”似乎不起作用

问题描述

StackOverflow 中有很多类似的问题，但我无法找到这个简单问题的答案。为什么以下代码没有按预期工作？

<pre style="text-decoration: underline;">
underlined
underlined
<span style="text-decoration: none;">should NOT be underlined</span>
underlined
</pre>

解决方法

将 display: inline-block 添加到 span。

<pre style="text-decoration: underline;">
underlined
underlined
<span style="text-decoration: none; display: inline-block">should NOT be underlined</span>
underlined
</pre>