font-size em单元继承问题

Question

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

我期待li元素的24px字体大小。 这是什么问题？

font-size是一个继承的CSS属性，在这种情况下，li理想情况下应继承父p元素的计算字体大小（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元素的子元素。”