为什么<ul>没有从其父<p>元素继承?

<div>
<p>
Hello
<ul>
HelloHi
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</p>
</div>

css:-
div{
background-color: red;
}
p{
background-color: blue;

}

我期待着,因为ul是p的孩子,所以为什么ul不是出生背景 p的颜色哪个是蓝色? 我得到的是:- ul的背景颜色是红色,它来自div?为什么? 根据继承子项继承父项的属性?