css - font-size em unit inheritance issue

Question

Actual p (string 'ABC') font-size is 24px and li('First' and 'Second') is 20px in the example below.

I was expecting 24px font-size of li elements also. What is the issue here?

font-size is an inherited CSS property and li should ideally inherit computed font-size(24px) of parent p element in this case.

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在没有包含列表的情况下随机抛出 s。一旦你打破了标准，你就不能指望其他事情会遵循它们。

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

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