问题描述
我使用 Python Markdown 生成了一个 HTML 文档。
目录嵌入在 toc
类中。
我希望列表是数字:
1. Subject 001
1.1. Sub Subject 001
1.2. Sub Subject 002
2. Subject 002
2.1. Sub Subject 001
2.2. Sub Subject 002
2.2.1. Sub Sub Subject 001
2.2.2. Sub Sub Subject 002
3. Subject 003
3.1. Sub Subject 001
3.2. Sub Subject 002
所以它基本上需要考虑嵌套的 ul
和 li
元素。
我看了Can ordered list produce result that looks like 1.1,1.2,1.3 (instead of just 1,2,3,...) with css?
我想出了:
.toc ul { counter-reset: outItem; list-style: none }
.toc ul > li{ counter-reset: nestedItem }
.toc ul > li:before { content: counters(outItem,".") ". "; counter-increment: outItem; margin-left: -2em; }
解决方法
到目前为止我有这个解决方案:
.toc ul { counter-reset: ulItem; list-style: none }
.toc ul > li:before { content: counters(ulItem,".") ". "; counter-increment: ulItem; margin-left: -2em; }