html怎么做出多级列表,HTML / CSS多级嵌套列表编号

参见英文答案 >

Can ordered list produce result that looks like 1.1,1.2,1.3 (instead of just 1,2,3,…) with css?10个

有没有办法使用直接HTML和CSS列表(< ul>或< ol>)来实现以下编号？

1. Link 1

2. Link 2

3. Link 3

3.1. Link 3.1

3.2. Link 3.2

3.3. Link 3.3

4. Link 4

4.1. Link 4.1

4.1.1 Link 4.1.1

4.1.2 Link 4.1.2

5. Link 5

提前致谢！

301_10@

您可以使用CSS

counters：

ol {

counter-reset: section;

list-style-type: none;

}

li:before {

counter-increment: section;

content: counters(section,".") ". Link " counters(section,".") " ";

}

ol {

counter-reset: section;

list-style-type: none;

}

li:before {

counter-increment: section;

content: counters(section,".") " ";

}