是否可以在HTML中創建多級有序列表？

Question

我想這一點：

1. Main 
    1.1 sub1 
    1.2 sub2 
2. Main2 
    2.1 sub3 

是有可能做到這一點的HTML？ 謝謝。

Answer 1

是，在現代瀏覽器至少：

li li:before { 
    counter-increment: item; 
    content: counter(item) ". "; 
} 

（該li li是所以只有第一層之後做到這一點）

你可能需要counter-reset爲好。

Answer 2

body 
{ 
    counter-reset:section; 
} 

h1 
{ 
    counter-reset:subsection; 
} 

h1:before 
{ 
    counter-increment:section; 
    content:"Section " counter(section) ". "; 
} 

h2:before 
{ 
    counter-increment:subsection; 
    content:counter(section) "." counter(subsection) " "; 
} 
body 
{ 
    counter-reset:section; 
} 

這是計數器增量和計數器復位的示例。

Answer 3

該解決方案適用於我：

/* hide original list counter */ 
ol li {display:block;} 
/* OR */ 
ol {list-style:none;} 

ol > li:first-child {counter-reset: item;} /* reset counter */ 
ol > li {counter-increment: item;} /* increment counter */ 
ol > li:before {content:counters(item, ".") ". "; font-weight:bold;} /* print counter */