span中嵌套一个span，使用子选择器的时候，（.first>span{.....}）为什么只有外面那个span标记的内容会被处理，里面那个span什么变动也没有。如果里面那个span的内容也需要想通的处理应该怎么办
（.first>span{.....}） >就是为class first下的span的第一代子元素也就是总体元素设置样式，内层的是第二代子元素了，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码.first span{color:red;}
后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
（.first>span{.....}） >就是为class first下的span的第一代子元素(直接后代)设置样式，内层的是第二代子元素了，要是想都处理的话，就用（.first span{.....}） >换为空格 就包含所有子元素