子元素选择器疑问

来源:8-6 捡了一个儿子 - 子选择器

chuiboseman

2018-04-01 15:09

那为什么food子元素li实现出来是两个框呢   

<ul class="food">

    <li>水果

        <ul>

        <li>香蕉</li>

            <li>苹果</li>

            <li>梨</li>

        </ul>

    </li>

    <li>蔬菜

    <ul>

        <li>白菜</li>

            <li>油菜</li>

            <li>卷心菜</li>

        </ul>

    </li>

</ul>

第一个子元素不就是最外面的li吗   


写回答 关注

2回答

  • qq_乔治的水坑_0
    2018-04-01 15:38:55

    <ul class="food">

        <li>水果

            <ul>/*这个怎么回事!*/

            <li>香蕉</li>

                <li>苹果</li>

                <li>梨</li>

            </ul>

        </li>

        <li>蔬菜

        <ul>

            <li>白菜</li>

                <li>油菜</li>

                <li>卷心菜</li>

            </ul>

        </li>

    </ul>

    第一个子元素不就是最外面的li吗


    chuibo...

    这个不就是普通的嵌套吗

    2018-04-01 15:47:06

    共 1 条回复 >

  • 一不留神
    2018-04-01 15:32:31

    子元素选择器是选择 第一代子元素,不是 第一个子元素

    chuibo... 回复一不留神

    子元素li那里始终绕不过来圈,第一代子元素li难道不是这一段吗 <li>水果 <li>水果 <ul> <li>香蕉</li> <li>苹果</li> <li>梨</li> </ul> </li> <li>蔬菜 <ul> <li>白菜</li> <li>油菜</li> <li>卷心菜</li> </ul> </li>

    2018-04-01 16:16:51

    共 4 条回复 >

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

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

1225806 学习 · 18234 问题

查看课程

相似问题