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

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

请问这样为什么不可以的?

提问者:windy_luo 2016-03-12 18:35

个回答

  • Akey686
    2016-05-01 20:47:26

    看到第二段id="second"了吗。

  • ihaveexisted
    2016-03-16 16:57:40

    课上的代码中'second'是id的值,原文第13行

    <p id="second">

    而不是

    <p class="second">

    所以‘second’前面要用‘#’而不是‘.’。

    若你的代码改成如下的,那么页面结果就对了。

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

    或者你将代码原文第13行:

    <p id="second">

    改为

    <p class="second">

    那么你的代码:

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

    保持不变,那么执行结果也会是对的了。


    我想我这么回答应该解除了你的疑惑了吧?

    由于你没有把你的代码放上来,所以前面作答的慕友们只针对你字面上的意思作答了,但他(她)们说的也是对的呢。只是没考虑你这行代码的出处,所以没能解答你的疑惑。

    希望下次提问把代码也一同放上来吧~这样可以缩短解惑的时间哦~

    顺祝学习愉快~大家一起在这个平台上加油~~~~

  • 想要飞的鱼儿
    2016-03-13 10:53:25

    如果.first span{color:green;}之间你用的是空格的话,(后代选择器)代表在first类标签下的后代都用绿色,此时你会发现只有第一段的<span></span>之间的元素变成了绿色,换成“,”则代表first类标签下的元素以及所有span标签之间的元素为绿色。


  • 爱学习飞毛腿
    2016-03-12 18:46:45

    后代元素只能指定唯一的父元素。如果为了方便,可以单独为多个span添加相同的class类。

  • Youruncle
    2016-03-12 18:45:53

    不同的标签之间用空格分隔

  • qq_小贝_4
    2016-03-12 18:44:59

    是这样first,second,span{color:green;}

  • qq_不搭_7
    2016-03-12 18:42:15

    first和second的逗号用空格试试