个回答

• 白小九

  2016-09-15 21:53:04

  这样写就一样了：

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

  0

• 慕粉3982295

  2016-09-15 16:49:22

  代码“.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选择器

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

  0

• 慕粉3989962

  2016-09-15 16:18:18

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

  0

• qq_梦醒梦不殇_03821790

  2016-09-15 16:13:25

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

  0