一句话用一个<span></span>包住就好了啊,为什么要用两队
先看一下.first>span出来后的效果,然后再看一下.first span出来后的效果你就明白了。.first>span作用于最外层的span,而.first span会作用所有的span
.first>span{border:1px solid red;}
....
<span>我还是一个<span>胆小如鼠</span>的小女孩</span>
这里两队span嵌套的作用是为了明确展示子选择器“>”的作用范围是用于标签元素的第一代子元素,也就是对第一个span生效,加粗的那队。
后面斜体的那队span是第二代。
还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素,用于强调只对第一代子元素生效