Có thể tạo danh sách đặt hàng đa cấp trong HTML không?

Question

Tôi muốn điều này:

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

có thể thực hiện điều này bằng HTML không? Cảm ơn.

Answer 1

Vâng, ít nhất là trong một trình duyệt hiện đại:

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

(. Các li li là vì vậy nó chỉ thực hiện điều này sau khi mức độ đầu tiên)

Bạn sẽ có lẽ cần counter-reset là tốt.

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

Đây là mẫu đếm ngược và đặt lại bộ đếm.

Answer 3

Giải pháp này làm việc cho tôi:

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