首頁技術(shù)文章正文

怎樣在列表中嵌套多重子列表【web前端技術(shù)文章】

更新時間:2020年11月11日18時30分來源:傳智播客瀏覽次數(shù):

　　在網(wǎng)上購物商城中瀏覽商品時，經(jīng)常會看到某一類商品被分為若干小類，這些小類通常還包含若干的子類。同樣，在html5中也會用到列表的嵌套，一列表項中包含若干子列表項，要想在列表項中定義子列表項就需要將列表進(jìn)行嵌套。

　　列表嵌套的方法十分簡單，我們只需將子列表嵌套在上一級列表的列表項中，例如下面代碼是在無序列表中嵌套一個有序列表。

html
<ul>

  <li>列表項1</li>

  <li>列表項2</li>

  <li>

        <ol>

              <li>列表項1</li>

              <li>列表項2</li>

</ol>

</li>

</ul>

猜你喜歡：

如何在HTML5中嵌入視頻和音頻？

最新資訊