有序列表不继承父元素类

Question

<p class="firstClass">
    I like exploring....
    I also invest my time in:
    <ol>
        <li>Movies</li>
        <li>Music</li>
        <li>Fitness</li>
    </ol> 
</p>

为什么ol元素没有继承p元素的类，是不是它的父元素？

这是CSS文件

.firstClass{
    font-size: 23px;
    font-family: sans-serif;
}

Answer 1

制作一个div并将其全部放入其中。

p无法包含ol元素。 p可以包含Phrasing content，ol可以包含Flow content。这里需要一个div来包含所有。 Documentation

.firstClass { 
font-size: 23px; 
font-family: sans-serif; 
}

<div class="firstClass">
        I like exploring....
        I also invest my time in:
        <ol>
            <li>Movies</li>
            <li>Music</li>
            <li>Fitness</li>
        </ol> 
</div>