（.first>span{.....}） >就是为class first下的span的第一代子元素也就是总体元素设置样式，内层的是第二代子元素了，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码.first  span{color:red;}

后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

（.first>span{.....}） >就是为class first下的span的第一代子元素(直接后代)设置样式，内层的是第二代子元素了，要是想都处理的话，就用（.first span{.....}）  >换为空格   就包含所有子元素