关于第一代子元素的问题

原始代码中是<p class="first">三年级时，<span>我还是一个<span>胆小如鼠</span>的小女孩</span>

<span>我还是一个<span>胆小如鼠</span>的小女孩</span>是first制定标签的第一代子元素

<span>胆小如鼠</span>是first制定标签的第二代子元素

为什么我把第二代子元素的标签改为<div>胆小如鼠</div>后，第二代子元素以外的“的小女孩”没有出现红色的框呢？