实现效果
详细实现思路
首先这是一个三级列表,第一级列表为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>