为什么css“text-decoration”继承不适用于“inline-block”？

Question

我想知道 - 为什么“文字2”没有加下划线？

<div style="text-decoration: underline;">
  <div>text 1</div>
  <div style="display: inline-block;">
    <div>text 2</div>
  </div>
  <div style="display: inline;">
    <div>text 3</div>
  </div>
  <div style="display: block;">
    <div>text 4</div>
  </div>
</div>

Answer 1

您可以在CSS规范中找到以下句子：

  

下划线，上划线和直通仅应用于文本（包括空格，字母间距和字间距）：跳过边距，边框和填充。用户代理不得在非文本内容上呈现这些文本装饰。例如，图像和内嵌块不得加下划线   http://www.w3.org/TR/CSS2/text.html#lining-striking-props