文章目录改造：添加多级数字序号-Eswlnk Blog
智能摘要 AI
本文介绍了如何通过CSS美化博客文章目录，使其更具层次感。使用了`ul`和`li`标签，并通过自定义CSS实现多级数字序号。具体方法是：为`ul`设置`list-style:none`并重置计数器；为`li`使用伪元素`before`，递增计数器并在内容中插入层级编号（如“1.”、“1.1”等）。这些改动使目录结构清晰且美观，提升了用户体验。

为了让博客文章目录显得更加美观一点，我们加入了文章目录以及自动的多级数字序号。

文章目录改造：添加多级数字序号-Eswlnk Blog

由于我们这里使用的标签为：「ul」 和 「li」，所以我们需要对这两个标签的CSS，进行添加修改

Ul部分

#ez-toc-container ul {
	list-style:none;
	counter-reset:a;
}

Li部分

#ez-toc-container li:before
{
	counter-increment:a;
	content:counters(a,".")". ";
}

修改对应即可，完美展示