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

来源:8-7 这么快就当爷爷了? - 后代选择器

Carrie_aa

2016-01-28 14:59

56a9bc0e0001894304170130.jpg

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


56a9bc120001522303720267.jpg


写回答 关注

4回答

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

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

    Terry_...

    第二行的“》”应该改成“>”,忘记切换输入法了

    2016-01-28 16:00:07

    共 1 条回复 >

  • 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就不会应用这个样式了

    Carrie...

    好的!谢谢!

    2016-01-28 16:11:41

    共 1 条回复 >

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

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


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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题