问答详情
源自:8-10 给选择器分个组 - 分组选择器

.first,#second span{color:red} 它只是对span标记为什么那一段都会变色?

如 .first,#secoond span{color:red}

<p class="first">............<span>花儿</span>.......</p>我觉得应该是span包含的花儿变色,可是全段都是红色 

<p id="second">.....,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....<span>简单</span>,,,,,,,,,</p>这里是段落中间的简单变色 怎么不是全段变?


提问者:NNevercurtain 2016-03-05 16:06

个回答

  • 天马行空2015
    2016-03-05 16:21:03

    .first,#second span{color:red},你的.first是类选择,对第一段整段变色;#second span是id选择+后代选择,是对id=second下的span后代变色,所以就只是第二段的简单变色了。

  • Z___
    2016-03-05 16:19:35

    .first是第一段整个p元素的类,#second span你只是让id为second的p元素中的span变色

  • yuriy
    2016-03-05 16:19:08

    .first,#second span{color:red}

    ‘,’是分组选择器,你分了2组,分别是.first和#second span,所以你前面那组选择的是类名为first的<p>整段


  • likar
    2016-03-05 16:15:47

    哥们,再仔细看下你的样式选择器 .first(这个是选择第一段一整段)     #secoond span(这个是选择第二段里边的子元素span)

  • qq__3520
    2016-03-05 16:14:09

    class是类 所以整段红色 ID是ID