實現效果
多級列表效果圖
詳細實現思路
首先這是一個三級列表,第一級列表為JavaScript和Java,為無序列表,使用HTML中的ul標簽顯示,內容寫在li標簽中。
第二級列表為第一章和第二章,第二級列表與第一級列表是嵌套關系,在一級列表的li標簽中嵌套一個有序列表,使用HTML中的ol標簽顯示,同樣地,內容書寫在li標簽中。
第三級列表為const和left等等,第三級列表與第二級列表是嵌套關系,在二級列表的li標簽中嵌套一個無序列表,使用HTML中的ul標簽顯示,內容寫在li標簽中。
實現代碼
實現該多級列表的核心代碼如下:
<ul>
<li>JavaScript
<ol>
<li>
第一章
<ul>
<li>const</li>
<li>let</li>
</ul>
</li>
<li>
第二章
<ul>
<li>function</li>
<li>object</li>
</ul>
</li>
</ol>
</li>
<li>Java
<ol>
<li>
第一章
<ul>
<li>class</li>
<li>package</li>
</ul>
</li>
<li>
第二章
<ul>
<li>private</li>
<li>public</li>
</ul>
</li>
</ol>
</li>
</ul>