css - 字体大小 em 单位继承问题

Question

实际 p(字符串 'ABC')字体大小为 24px，li('First' 和 'Second')在下面的示例中为 20px。

我还期望 li 元素的字体大小为 24px。这里有什么问题？

font-size 是一个继承的 CSS 属性，在这种情况下，li 应该理想地继承父 p 元素的计算 font-size(24px)。

div{
    font-size:20px;
}

p{
    font-size: 1.2em;
}

<div>
    <p>
       ABC
      <ul>
      <li>First</li>
      <li>Second</li>
      </ul>
    </p>
</div>

Answer 1

你不能在没有包含列表的情况下随意乱扔 li。一旦你打破了标准，你就不能指望其他事情会效仿它们。

您也不能将列表放在 p 中。 http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-p-element

“列表元素(特别是 ol 和 ul 元素)不能是 p 元素的子元素。”