有序列表

有序列表 - 子菜单中的循环数(ordered list - loop numbers in sub-menus)

我订购了清单：

HTML：

<ol> <li>Item</li> <li>Item <ol> <li>Item</li> <li>Item</li> </ol> </li> <li>Item</li> <li>Item</li> <ol>

输出：

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

Quesion：

如何对子级别进行计数？

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

通缉输出：

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

I have ordered list:

HTML:

<ol> <li>Item</li> <li>Item <ol> <li>Item</li> <li>Item</li> </ol> </li> <li>Item</li> <li>Item</li> <ol>

Output:

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

Quesion:

How apply counting for sub-levels ?

Note: looking for simple solution CSS/HTML

Wanted output:

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 } ol { list-style-type: none; counter-reset: item; } li:before { content: counters(item, ".")". "; counter-increment: item }