html - 标记是一个嵌套列表

Question

我想知道是否可以找出标记来创建一个计数器。

可以在这里看到我能够实现的目标:http://jsfiddle.net/Jeen/w6V74/1/

ol { 
  counter-reset: level-1; 
  list-style: none; 
  padding-left: 0;
} 
ol li:before { 
  counter-increment: level-1; 
  content: counter(level-1) '. ';
} 


ol ol { 
  counter-reset: level-2; 
  padding-left: 15px;
}
ol ol li:before { 
  counter-increment: level-2; 
  content: counter(level-1) '.' counter(level-2) '. ';
}


ol ol ol { 
  counter-reset: level-3; 
  padding-left: 30px;
} 
ol ol ol li:before { 
  counter-increment: level-3; 
  content: counter(level-1) '.' counter(level-2) '.' counter(level-3) '. '; 
} 

最后想得到第二张图显示的内容

Answer 1

您可能想查看此页面并更改嵌套 <ol> 的方式:
Proper way to make HTML nested list?

正确嵌套列表后，在下面添加 css:

ol {
    display: table;
}
ol > li {
    display: table-row;
}
ol > li::before {
    display: table-cell;
} 

演示: http://jsfiddle.net/naokiota/95xha/

希望这对您有所帮助。