是否可以在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 */