今天录豺，我要實(shí)現(xiàn)的列表是這樣的：
目標(biāo)列表
列表實(shí)現(xiàn)的源代碼參見github
完成這個(gè)列表我們來拆分一下任務(wù)吧，這個(gè)列表從外向里可劃分為３層。
１．實(shí)現(xiàn)最外層的無序列表牵现，代碼是這樣的：
<ul>
<li>JavaScript</li>
<li>Java</li>
</ul>
結(jié)果長(zhǎng)成這樣：
第一步結(jié)果圖
２．實(shí)現(xiàn)中間層的有序列表，代碼是這樣的：
<ul>
<li>JavaScript
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>
</li>
<li>Java
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>
</li>
</ul>
第二步實(shí)現(xiàn)結(jié)果圖：
第二步結(jié)果圖
3.實(shí)現(xiàn)第三層的無序列表邀桑，代碼長(zhǎng)這樣(這里是部分代碼哦瞎疼，在第二步的基礎(chǔ)上增加)：
<li>JavaScript
<ol>
<li>第一章
<ul type="square">
<li>const</li>
<li>let</li>
</ul>
</li>
<li>第二章
<ul type="square">
<li>function</li>
<li>object</li>
</ul>
</li>
</ol>
</li>
第三步的實(shí)現(xiàn)的結(jié)果是這樣的：
第三步結(jié)果
好了，就這樣三步這個(gè)簡(jiǎn)單的列表就完成了
小知識(shí)：
- 實(shí)現(xiàn)下面這樣的無序列表在ul標(biāo)簽中加
type="disc"或省略type不寫
黑點(diǎn)無序列表 - 實(shí)現(xiàn)這樣的無序列表在ul標(biāo)簽中加
type="circle"
圓圈無序列表 - 實(shí)現(xiàn)這樣的無序列表在ul標(biāo)簽中加
type="square"
方塊無序列表
