这段代码中蔬菜前面和蔬菜后面的为什么要这么写?一直很纠结

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

慕设计3757365

2016-05-29 17:27

<ul class="food">

    <li>水果

        <ul>

        <li>香蕉</li>

            <li>苹果</li>

            <li>梨</li>

        </ul>

    </li>

    <li>蔬菜

    <ul>

        <li>白菜</li>

            <li>油菜</li>

            <li>卷心菜</li>

        </ul>

    </li>

</ul>


写回答 关注

7回答

  • liucl
    2016-05-29 17:45:34
    已采纳

        <li>蔬菜

    ……

        </li>

    忽略中间,<li>标签是要成对出现的。

    慕设计375...

    非常感谢!

    2016-06-13 16:01:07

    共 1 条回复 >

  • 迁变
    2016-06-10 08:35:47
    前面是上一个列表闭合的写法,后面是‘蔬菜’这个收尾的写法。
  • _浅空_03452486
    2016-06-07 23:26:07

    列表的格式就是这样。

    <UL>表示无序排列

    <LI></LI>成对出现。中间的就是选项。

  • 慕神3276239
    2016-05-29 17:58:13

    这么绕弯的嵌套关系其实质是为了实现水果和蔬菜这两个类名与下面具体蔬果 的区别。以在视觉上给人很清晰的类属关系。可以用颜色和字体大小等方法作区分。这样做降低代码可读性。意义不大

  • 日月晓风
    2016-05-29 17:47:43

    <li>蔬菜       //这是标题

        <ul>

            <li>白菜</li>

                <li>油菜</li>

                <li>卷心菜</li>

            </ul>

        </li>


  • 慕粉15666220959
    2016-05-29 17:42:14

    因为蔬菜和它底下的白菜,油菜,卷心菜是同属于一个li里面的

  • 伟大的康康3374170
    2016-05-29 17:42:12

    标签和结束标签是互相对应的,你体会一下

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

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

1226767 学习 · 18245 问题

查看课程

相似问题