我怎么觉得前一个，在我还是一个胆小如鼠的女孩前面的一个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;}