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 */