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

如何在列表中嵌套多重子列表?

更新時(shí)間:2020-11-11 來源:黑馬程序員 瀏覽量:

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

  列表嵌套的方法十分簡(jiǎn)單,我們只需將子列表嵌套在上一級(jí)列表的列表項(xiàng)中,例如下面代碼是在無序列表中嵌套一個(gè)有序列表。

html
<ul>

  <li>列表項(xiàng)1</li>

  <li>列表項(xiàng)2</li>

  <li>

        <ol>

              <li>列表項(xiàng)1</li>

              <li>列表項(xiàng)2</li>

</ol>

</li>

</ul>

猜你喜歡:

【前端】盒子模型的邊框樣式屬性和應(yīng)用技巧講解

什么是自適應(yīng)式頁面?

Css中如何清理浮動(dòng)?【web前端開發(fā)】

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!