<ul>
<li>Javascript</li>
<ol>
<li>第一章</li>
<ul>
<li>const</li>
<li>let</li>
</ul>
<li>第二章</li>
<ul>
<li>function</li>
<li>object</li>
</ul>
</ol>
<li>Java</li>
<ol>
<li>第一章</li>
<ul>
<li>class</li>
<li>package</li>
</ul>
<li>第二章</li>
<ul>
<li>private</li>
<li>public</li>
</ul>
</ol>
</ul>```
上面是我的实现，首先我说一下我做这个多级列表的思路是什么哈。其实这个多级列表一看就思路很清晰了。
1. 首先有两个同级的大的列表
2. 最外层是一个无序列表
3. 第二层是一个有序列表
4. 最里层的是一个无序列表
然后我给大家依次讲一下上面我用到的标签分别都是什么意思，都有什么用法。
上面提到了几个概念：
#### 无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用 ```<ul>``` 标签。浏览器中显示的结果就是下面这个造型：
#### 有序列表
有序列表也是一列项目，列表项目使用数字进行标记。
有序列表使用 ```<ol>``` 标签。浏览器中显示的结果就是下面这个造型：
#### ```<li>``` 标签
可以看到上面两个标签中都有用到 ```<li>``` 标签。```<li>``` 标签定义列表项目。
```<li>``` 标签可用在有序列表 (```<ol>```) 和无序列表 (```<ul>```) 中。
**注意**：```<ul>```、```<ol>``` 和 ```<li>``` 标签可以任意嵌套。多级列表
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 转载请注明出处，感谢您的支持。文章来源：【chenyk的简书】http://www.jianshu.com/p/7...
- 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件...
