为什么显示：inline-block; 从子元素中删除下划线？

为什么显示：inline-block; 从子元素中删除下划线？

在某些情况下，文本修饰从元素传播到某些后代。该规范描述了所有在此发生，不会发生（以及情况的行为被明确未定义）的情况下。在此，以下部分是相关的：

请注意，文本修饰不会传播到浮动和绝对定位的后代，也不会传播到原子内联级别后代（例如内联块和内联表）的内容。

请注意，这种传播与继承不同，完全是一个单独的概念。确实，

text-decoration: none

并且

text-decoration:inherit

不会以您期望的方式影响传播：

• text-decoration: none

  只是表示“此元素本身没有文字修饰”，并且

• text-decoration: inherit

  表示“此元素与

  text-decoration

  其父元素具有相同的指定值”。

在两种情况下，父文本修饰仍将在适用时传播到元素。您可以使用强制内联块对其父代进行相同的文本修饰

inherit

，但 不能
强制父代通过从其祖先传播而获得的其他修饰。

这也意味着简单地拥有

display: inline-block

足以防止文本装饰传播。您无需

text-decoration: none

再次指定-
它已经是初始值。