这样写就一样了：

.first span, #second span{
    color:green;
}

代码“.first,#second span{color:green}”

表示绿色设置作用于类选择器下所有内容（含所有标签包裹内容），还有id选择器（#second）下所有的span标签包裹的内容。把它分解成两行代码就是：（1）.first{color:green}（2）#second span{color:green}

而你写的

（1）.first span{color:green}

（2）#second span{color:green}

第一行代码(你应该忘记写 " . " 符号,我已加上)的意思是绿色设置作用于类选择器（.first）下所有span标签

第二行代码作用同上只是类选择器变为了id选择器

注意：>作用于元素的第一代后代，空格作用于元素的所有后代。一个是父子选择器；一个是包含（后代）选择器

第二行代码中去掉span ,在first前面加上英文输入法状态下的 .  符号。其实像第一行一样分组就可以了，没必要分开。 

第一个是因为class样式选择器是把第一段变为绿色，加一个#second span的意思是与此同时把第二段中被span标签修饰的文字颜色也改为绿色，而第二个则是第一段 第二段中被span标签 修饰的文字颜色改为绿色，意思不一样结果自然不同