问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

子选择器与后代选择器的应用

56a9bc0e0001894304170130.jpg

这里的.first>span是子选择器,那就是只针对class="span"下面的第一个后代span,为什么它的第二个span也应用了这个样式,如下图。可以告诉我吗?


56a9bc120001522303720267.jpg


提问者:Carrie_aa 2016-01-28 14:59

个回答

  • Terry_zy
    2016-01-28 15:59:02

    是作用在第一“代”后代而不是第一“个”后代,不过我试了一下改变颜色的话不容易看出区别,正如图片下面的加边框的,如果是用“》”选择,就只在水果和蔬菜外面加边框,如果使用空格来选择,就会出现如你图片下面的,水果,蔬菜包括里面的香蕉,苹果,梨,白菜,油菜,卷心菜都加上了边框

  • qq_麦香老农_0
    2016-01-28 15:54:59

    元素后代也有后代,>作用只会作用于该元素的后代,既第一后代;空格不仅会作用于第一后代,也会作用于后代的后代

  • 雪落的瞬间
    2016-01-28 15:51:08

    <p><span></span><span></span></p>这样就是会应用的情况。<p><span><span></span></span></p>这样第2个span就不会应用这个样式了

  • 苜蓿___
    2016-01-28 15:50:03

    >作用于元素的第一代后代,空格作用于元素的所有后代。


    第一代后代,相当于一个人的儿子们都继承,孙子们及后代都不继承。