为什么只有这样子才是出现红框 <p class="first">三年级时，<span class="first">我还是一个胆小如鼠的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
为什么这样却没有出现红框<p >三年级时，<span class="first">我还是一个胆小如鼠的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
我怎么觉得前一个，在我还是一个胆小如鼠的女孩前面的一个span里面的class="first"是多余的呢……
第一个例子之所以存在红框是因为浏览器在寻找到第一个“class”类之后就不再寻找“class”类而是寻找“span”元素，而后面存在“span”元素符合CSS定义要求，出现红框；而第二个则是因为浏览器在寻找到“class”类之后。因为在<span class="first">我还是一个胆小如鼠的小女孩</span>之后不存在第一代子元素“span”，不符合定义，不会出现红框。
.first>span{border:1px solid red;} 这个定义本身表示标签span是子选择器first的下一级，所以作为上层的class="first"可以嵌入<p>中，而不能嵌入下层的span中。
试了下出现了的吧
.first {border:1px solid red;}