如 .first,#secoond span{color:red}
<p class="first">............<span>花儿</span>.......</p>我觉得应该是span包含的花儿变色,可是全段都是红色
<p id="second">.....,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....<span>简单</span>,,,,,,,,,</p>这里是段落中间的简单变色 怎么不是全段变?
.first,#second span{color:red},你的.first是类选择,对第一段整段变色;#second span是id选择+后代选择,是对id=second下的span后代变色,所以就只是第二段的简单变色了。
.first是第一段整个p元素的类,#second span你只是让id为second的p元素中的span变色
.first,#second span{color:red}
‘,’是分组选择器,你分了2组,分别是.first和#second span,所以你前面那组选择的是类名为first的<p>整段
哥们,再仔细看下你的样式选择器 .first(这个是选择第一段一整段) #secoond span(这个是选择第二段里边的子元素span)
class是类 所以整段红色 ID是ID