HTML'de çok seviyeli sipariş listesi oluşturmak mümkün mü?

Question

Bunu istiyorum:

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

, HTML olarak bunu yapmak mümkündür? Teşekkürler.

Answer 1

Evet, en azından modern tarayıcıda:

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

(. li li yani yalnızca bu ilk seviyeden sonra yapar)

Muhtemelen de counter-reset gerekir.

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

Bu, karşı artış ve karşı sıfırlama örneğidir.

Answer 3

Bu çözüm benim için çalışıyor:

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