<p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span>
和
<p>三年级时，<span class="first">我还是一个胆小如鼠的小女孩</span>
有什么区别吗？为什么第二种无法显示方框？
首先子选择器.first>span{border:1px solid red;}意思是在命名为first类的标签中的<span>标签添加一个1px红色框，但是你的第二种写法中，first类的标签内没有<span>标签了，所以无法现实边框。
<p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span>
类选择器选择的是整句话。
<p>三年级时，<span class="first">我还是一个胆小如鼠的小女孩</span>
.first span{color:green;}选择的是后面这句。