<p class="first">三年级时，<span >我还是一个<span>胆小如鼠</span>的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
子选择器定义为 .first>span.本例中，表示<P>下的第一代子<span>才会有效
因为你的head中有这么一句，.first>li{border:1px solid red;}其定义为运行class后 第一代<span>也就第一代子元素。
子选择器 > 相当于作用整个文件夹（不含子文件夹）
后代选择器 （空格）相当于作用所有文件夹包括子文件夹
.first>span{border:1px solid red;}你是不是设置的是这个代码 这个代码只对你<span ></span>内的起作用
<sp><span >我还是一个<span>胆小如鼠</span>的小女孩</span><sp>
这样的话整个段落里面都不会有框，此时<span>是二代的