带有嵌套计数器的有序列表，但并非总是如此-解网

问：

我需要显示编号类型为 1.1 的有序列表，其中包含具有简单或无序编号（点）的子列表。在描述中我想出现什么

这就是我希望它出现的方式以及我尝试使用的代码。

ol {
  counter-reset: item;
}

ol.subnum li {
  display: block;
  color: #666666;
}

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

ol.nosub li:before {
  counter-increment: item;
}

ul.subpoint li {
  list-style-type: disc;
}

<ol class="subnum">
  <h2>
    <li>Voce 1</h2>
  <ol class="subnum">
    <li>Test 1.1</li>
    <li>Test 1.2
      <ol class="subnum">
        <li>Test 1.2.1
          <ol class="nosub">
            <li>Test 1.</li>
            <li>Test 2.</li>
            <li>Test 3.</li>
          </ol>
        </li>
        <li>Test 1.2.2</li>
        <li>Test 1.2.3</li>
      </ol>
    </li>
    <li>Test 1.3</li>
  </ol>
  </li>
  <h2>
    <li>Voce 2</h2>
  <ol class="subnum">
    <li>Test 2.1 </li>
    <li>Test 2.2
      <ul class="subpoint">
        <li>Test point</li>
        <li>Test point</li>
        <li>Test point</li>
        <li>Test point</li>
      </ul>
    </li>
    <li>Test 2.3</li>
  </ol>
  </li>
</ol>

谢谢你的建议

这是代码 [1] 的结果 [1]：https://i.stack.imgur.com/Xbjyy.png

CSS 嵌套的 HTML 列表

带有嵌套计数器的有序列表，但并非总是如此

Ordered List with Nested Counters but not always

评论