将列表样式类型更改为特定格式

Question

当我使用此HTML代码时

<ol>
    <li>Example</li>
    <li>Example
        <ol>
            <li>Example</li>
            <li>Example
                <ol>
                    <li>Example</li>
                </ol>
            </li>
            <li>Example</li>
        </ol>
    </li>
    <li>Example</li>
</ol>

我会得到这个输出：

如何让我的结果看起来像这样：

Answer 1

要获得该转发，您必须使用计数器

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

阅读this page了解更多信息