html - 在ol中重置嵌套编号

Question

我使用以下 css 在中生成嵌套计数ol：

ol{
    counter-reset: item;
}
ol li{
    display: block;
}
ol li:before{
    content: counters(item, ".")". ";
    counter-increment: item;
    float: left;
    margin-right: 5px;
}

在某种嵌套级别上，我想重置嵌套。我怎样才能实现它？

例如，

<ol>
    <li>
        <ol>
            <li>
                <ol>
                    <li>
                        <ol class="reset">
                            <li>
                                <ol>
                                    <li></li>
                                </ol>
                            </li>
                        </ol>
                    </li>
                </ol>
            </li>
        </ol>
    </li>
</ol>

给出以下内容：

1.
  1.1
     1.1.1
        1.1.1.1
           1.1.1.1.1

但我想要这样的结构

1.
  1.1
     1.1.1
        1 # reset here
          1.1

标签： htmlcsshtml-lists