首先子选择器.first>span{border:1px solid red;}意思是在命名为first类的标签中的<span>标签添加一个1px红色框，但是你的第二种写法中，first类的标签内没有<span>标签了，所以无法现实边框。

1. <p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span>

   类选择器选择的是整句话。

2. <p>三年级时，<span class="first">我还是一个胆小如鼠的小女孩</span>

   .first span{color:green;}选择的是后面这句。