从[
text-decoration规格]:
后代元素的“文本装饰”属性对祖先的装饰没有任何影响。
进一步引用(不过我在规范中找不到此文本):
内联框上的文本装饰绘制在整个元素上,跨越任何后代元素,而无需注意它们的存在。
还有另一句话,CSS3似乎引入了
text-decoration-skip,旨在通过将属性应用于后代(在您的情况下为
<span>)来解决此问题:
此属性指定影响元素的文本修饰必须跳过元素内容的哪些部分。它控制元素绘制的所有文本装饰线,以及其祖先绘制的所有文本装饰线。

从[
text-decoration规格]:
后代元素的“文本装饰”属性对祖先的装饰没有任何影响。
进一步引用(不过我在规范中找不到此文本):
内联框上的文本装饰绘制在整个元素上,跨越任何后代元素,而无需注意它们的存在。
还有另一句话,CSS3似乎引入了
text-decoration-skip,旨在通过将属性应用于后代(在您的情况下为
<span>)来解决此问题:
此属性指定影响元素的文本修饰必须跳过元素内容的哪些部分。它控制元素绘制的所有文本装饰线,以及其祖先绘制的所有文本装饰线。