Html CSS列表计数器增加级别

HTML

现在，列表的顺序如下所示：

项目1

1.1。项目2

项目1

2.1。项目2

2.2。项目3

有什么办法可以在列表开始时将顺序增加一级吗？第二个

将从

2

：2.1开始。项目1

1.1。项目1

1.1.1。项目2

1.2。项目1

1.2.1。项目2

1.2.2。项目3

-------同一父对象中的第二个ol---------

2.1。项目1

2.1.1。项目2

2.2。项目1

2.2.1。项目2

2.2.2。项目3

---

钢笔在这里：

不确定这是否有用，但是；这是通过CSS实现的。必须在CSS中指定起始值，这样它可能对您不起作用

和CSS：

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

在这种情况下，您将得到：

50项

---

50.1子项

您可以设置一个额外的计数器，并仅在外部列表中更新它（可通过

body>ol

选择）

正文{
计数器复位：外部；
}
body>ol{
反增量：外部；
}
ol{
计数器重置：项目；
}
欧利{
显示：块；
}
李：以前{
内容：计数器（外部）“.”计数器（项目）“.”；
反增量：项目；
}

项目1
项目2

项目1
项目2
项目3

项目1
项目2

项目1
项目2
项目3

您可以尝试计数器重置属性（）

您将声明：

计数器重置：节，然后：

       body ol { 
            list-style-type: none;
            counter-reset: level1 50;
        }
        ol li:before {
            content: counter(level1) ". ";
            counter-increment: level1;
        }
        ol li ol {
            list-style-type: none;
            counter-reset: level2;
        }
        ol li ol li:before {
            content: counter(level1) "." counter(level2) " ";
            counter-increment: level2;
        }

这项工作是否正常
内容：“1.”计数器（项目“.”）？但第二个不是1.2吗。li 2和1.2.1 li 2测试…可能会，但我还需要支持多个级别，我忘了提到：）比如2.2。等等。我会更新帖子的。这个怎么样？非常感谢。这很好，但是对于我的情况，正确的行为和公认的答案一样（略有不同），谢谢，我更喜欢更“自动”的想法谢谢。我想这和@Danield提出的解决方案是一样的
       body ol { 
            list-style-type: none;
            counter-reset: level1 50;
        }
        ol li:before {
            content: counter(level1) ". ";
            counter-increment: level1;
        }
        ol li ol {
            list-style-type: none;
            counter-reset: level2;
        }
        ol li ol li:before {
            content: counter(level1) "." counter(level2) " ";
            counter-increment: level2;
        }

ol li { counter-reset: subsection; }
ol li:before {
    counter-increment: section;
    content: counter(section) ".";
}
ol li ol li { counter-reset: subsection; }
ol li ol li:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) ".";
}
etc...