有序列表的特殊格式

Question

我一直在寻找一种智能方法来创建具有特定格式的嵌套有序列表：

1. text
2. text
 2.1 text
 2.2 text
 2.3 text
3. text
4. text
 4.1 text
 4.2 text
 4.3 text
5. text

我试图在那里使用类型atrib，但它没有把我带到任何地方。 我不需要缩进....但那会很好......

提前致谢：D

Answer 1

使用counters代替

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }

Answer 2

我们需要查看更多实际的HTML。您可以使用CSS完成这种编号（子条款）。

ol.main > li {
   counter-increment: root;
}

ol.main > li > ol {
    counter-reset: subsection;
    list-style-type: none;
}

ol.main > li > ol > li {
    counter-increment: subsection;
}

ol.main > li > ol > li:before {
    content: counter(root) "." counter(subsection) " ";
}