首页技术文章正文

怎样在列表中嵌套多重子列表【web前端技术文章】

更新时间:2020年11月11日18时30分来源:传智播客浏览次数:

　　在网上购物商城中浏览商品时，经常会看到某一类商品被分为若干小类，这些小类通常还包含若干的子类。同样，在html5中也会用到列表的嵌套，一列表项中包含若干子列表项，要想在列表项中定义子列表项就需要将列表进行嵌套。

　　列表嵌套的方法十分简单，我们只需将子列表嵌套在上一级列表的列表项中，例如下面代码是在无序列表中嵌套一个有序列表。

html
<ul>

  <li>列表项1</li>

  <li>列表项2</li>

  <li>

        <ol>

              <li>列表项1</li>

              <li>列表项2</li>

</ol>

</li>

</ul>

猜你喜欢：

如何在HTML5中嵌入视频和音频？

最新资讯