问答详情
源自：8-7 这么快就当爷爷了? - 后代选择器

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

<ul class="food">

    <li>水果

        <ul>

        <li>香蕉</li>

            <li>苹果</li>

            <li>梨</li>

        </ul>

    </li>

    <li>蔬菜

    <ul>

        <li>白菜</li>

            <li>油菜</li>

            <li>卷心菜</li>

        </ul>

    </li>

</ul>


提问者：慕设计3757365 2016-05-29 17:27

个回答

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

        <li>蔬菜

    ……

        </li>

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

    0
  • 迁变
    2016-06-10 08:35:47

    前面是上一个列表闭合的写法，后面是‘蔬菜’这个收尾的写法。

    0
  • _浅空_03452486
    2016-06-07 23:26:07

    列表的格式就是这样。

    <UL>表示无序排列

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

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

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

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

    <li>蔬菜       //这是标题

        <ul>

            <li>白菜</li>

                <li>油菜</li>

                <li>卷心菜</li>

            </ul>

        </li>


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

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

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

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

    0