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

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

<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 回答

    <li>蔬菜

……

    </li>

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

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

慕设计3757365 提问者

非常感谢!
2016-06-13 回复 有任何疑惑可以回复我~
前面是上一个列表闭合的写法,后面是‘蔬菜’这个收尾的写法。
0 回复 有任何疑惑可以回复我~

列表的格式就是这样。

<UL>表示无序排列

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

<li>蔬菜       //这是标题

    <ul>

        <li>白菜</li>

            <li>油菜</li>

            <li>卷心菜</li>

        </ul>

    </li>


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

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