编号列表的正确方法是什么？

Question

  

可能重复：
  Number nested ordered lists in HTML

道歉，因为我有点像css noob。

我有一份条款和条件清单。

每个部分的编号如下：

1.0 This Website
1.1 This website...
1.2 etc etc

2.0 ...
2.1 ...
2.2 ...

我知道我可以使用有序列表，但据我所知，'start'属性已被折旧。

我有哪些替代方案？

Answer 1

从Mozilla - Using CSS counters偷窃

JSFiddle

HTML：

<ol class="level0">
  <li>This Website
    <ol>
      <li>This website</li>
      <li>etc etc</li>
    </ol>
  </li>
  <li>...
    <ol>
      <li>...</li>
      <li>...</li>
    </ol>
  </li>
</ol>

CSS：

ol {
  counter-reset: section;
  list-style-type: none;
}

ol.level0 > li:before {
  counter-increment: section;
  content: counters(section, ".") ".0 ";
}

li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
}

Answer 2

您也可以使用list-style-type css属性。

ol { list-style-type: decimal; }

Answer 3

您可以使用反增量。像这样写： 的 HTML

<ol>
  <li>item 1
    <ol>
      <li>sub item 1</li>
      <li>Sub item 2</li>
   </ol>
  </li>
  <li>item 2
    <ol>
      <li>sub item 1</li>
      <li>Sub item 2</li>
   </ol>
  </li>
</ol>

<强> CSS

ol {
  counter-reset: section;
  list-style-type: none;
}     
ol li { counter-increment: section; }

ol li:before  { content: counters(section, ".") ". "; }

选中此http://jsfiddle.net/xC8ne/10/

选中此项以获取更多Number nested ordered lists in HTML