为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

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

子元素选择器疑问

那为什么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吗   


chuiboseman

2018-04-01

源自：初识HTML(5)+CSS(3)-升级版  8-6

关注问题 我要回答
1176
操作
收起

正在回答

2 回答

qq_乔治的水坑_0
2018-04-01

<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吗


0 回复 有任何疑惑可以回复我~
收起回答
#1

chuiboseman 提问者

这个不就是普通的嵌套吗
2018-04-01 回复 有任何疑惑可以回复我~
一不留神
2018-04-01

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

0 回复 有任何疑惑可以回复我~
收起回答
#1

一不留神

这 foot 里面 两个 li
2018-04-01 回复 有任何疑惑可以回复我~
#2

chuiboseman 提问者 回复 一不留神

那<span>我还是一个<span>胆小如鼠</span>的小女孩</span> 那这个又怎么解释呢 这个我能明白子第一个子元素span的确是没有分割开来 两个性质感觉没什么差别啊
2018-04-01 回复 有任何疑惑可以回复我~
#3

一不留神 回复 chuiboseman 提问者

第一个span1有个子元素span2，span2没有子元素了
2018-04-01 回复 有任何疑惑可以回复我~
#4

chuiboseman 提问者 回复 一不留神

子元素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 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

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

进入课程

本课相似问答

5 回答子选择器的元素选择

2 回答子选择器中子元素的范围问题

4 回答子元素选择器与后代元素选择器的表现方式为何不同

6 回答关于子选择器和后代选择器疑问

2 回答设置子元素选择器，为什么子元素和孙元素颜色样式都会有变化
搜索更多本课相关问答

子元素选择器疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信