Html 有序列表-子菜单中的循环编号

我已订购了以下清单：

HTML: 问题: 如何应用子级别计数？

注意：寻找简单的CSS/HTML解决方案

想要的输出：

1. Item
2. Item
    2.1. Item
    2.2. Item
3. Item
4. Item

---

可能的重复看看为什么它是

1.1

而不是

2.1

？@gvee-thx，我在原始帖子中修复了它，我的BAD可能的重复看看为什么它是

1.1

而不是

2.1

？@gvee-thx，我在原始帖子中修复了它，我的BAD完美！极好的回答。从CSS2开始：）完美！极好的回答。其自CSS2起生效：）

1. Item
2. Item
    1. Item
    2. Item
3. Item
4. Item

1. Item
2. Item
    2.1. Item
    2.2. Item
3. Item
4. Item

ol {
    list-style-type: none;
    counter-reset: item;
}
li:before {
    content: counters(item, ".")". ";
    counter-increment: item
}