有序列表

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) " "; 
}