<p>我使用圣诞老人和作用域来创建社区列表：</p> <pre class="snippet-code-css lang-css Prettyprint-override"><code>ol { 计数器重置：项目； 左内边距：10px； } 李{ 显示：块 } 李：之前{ 内容：计数器（项目，“。”）“”； 反增量：项目 }</code></pre> <pre class="snippet-code-html lang-html Prettyprint-override"><code><ol> <li>一个</li> <li>两个</li> <ol> <li>二.一</li> <li>二.二</li> <li>二.三</li> </ol>

三

<ol>

三.一

三.二

<ol>

三.二.一

三.二.二

</ol> </ol> <li>四</li> </ol></code></pre> <p><br />></p> <p>我期望的结果如下：</p>

1.一
2. 两个
  2.1.二.一
  2.2.二.二
  2.3.二三
3. 三
  3.1 三.一
  3.2 三.二
    3.2.1 三.二.一
    3.2.2 三.二.二
4. 四</pre>
<p>但实际上，我看到的是<strong>（错误的编号）</strong>：</p>
<代码>1.一
2. 两个
  2.1.二.一
  2.2.二.二
  2.3.二三
2.4 三
  2.1 三.一
  2.2 三.二
    2.2.1 三.二.一
    2.2.2 三.二.二
2.3 四
</代码></pre>
<p>我不知道，有发现哪里出错了吗？</p>
<p>这是一个JSFiddle链接：http://jsfiddle.net/qGCUk/2/</p>            

ol {
    counter-reset: item;
}

ol > li {
    counter-increment: item;
}

ol ol > li {
    display: block;
}

ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}

ol {
  counter-reset: item
}
li {
  display: block
}
li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}

<ol>
  <li>one</li>
  <li>two
    <ol>
      <li>two.one</li>
      <li>two.two</li>
      <li>two.three</li>
    </ol>
  </li>
  <li>three
    <ol>
      <li>three.one</li>
      <li>three.two
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>