问答详情
源自:8-6 捡了一个儿子 - 子选择器

html+css基础课8-6子选择器这一节关于子选择器

子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素,那为什么水果一个边框,蔬菜一个边框。

提问者:慕UI7009929 2017-08-15 16:19

个回答

  • 慕莱坞2021793
    2017-08-15 16:34:19
    已采纳

    第一代是一个层级的概念。水果和蔬菜相对于ul都是第一代。如果在ul里面重新套入新的ul-li,那这个新的一代就不会变化了。你可以试一下

  • qq_龙特家的小仙女_0
    2017-08-15 16:40:18

    水果,蔬菜均为名为food这个class的第一代子元素,所以代码作用会分别给水果和蔬菜各加一个边框。

  • 慕田峪1773354
    2017-08-15 16:37:28

    在此页代码中,第一代子元素被设置为<li></li>,内部的元素称为二代子元素,因此不能被执行样式,第二段落的<li>标签默认为同级别元素。可以理解为类似标题一的样式和标题一的样式是一样的。我是不是说的太乱了?

  • qq_霖乱_04044185
    2017-08-15 16:37:01

    <ul class="food">                                /*        1代目    */

        <li>水果                                             /*         2代目   */

            <ul>                                               /*       3代目   */

            <li>香蕉</li>                                 /*         3代目的子代,以下类推   */

                <li>苹果</li>

                <li>梨</li>

            </ul>

        </li>

        <li>蔬菜                                       /*        与“水果”同级的2代目   */

        <ul>                                             /*         3代目   */

            <li>白菜</li>                         /*         3代目的子代   */

                <li>油菜</li>

                <li>卷心菜</li>

            </ul>

        </li>

    </ul>

    我也是初学,应该是这个意思,不对的话请指正谢谢

  • 墨币
    2017-08-15 16:35:09

    <li>水果</li>与<li>蔬菜</li>是平行关系,他们同为food的直接子节点,也就是同为food的第一代子元素,互为兄弟节点


  • qq_逆光奔跑_7
    2017-08-15 16:35:01

    只用于选择指定标签元素的第一代子元素

  • 慕前端5097275
    2017-08-15 16:32:56

    两个都是第一代 香蕉苹果这些是第二代