用css给div列表加个序号

用 CSS 的 counter 相关属性来为列表添加序号。以下是具体的代码，我将以 HTML 文件的形式提供，并且会运行展示效果：

.as-div {
    // counter-reset: my-counter; /* 计数器名称是'my-counter' */
    // counter-reset: small-apple; /* 计数器名称是'small-apple' */
    // counter-reset: small-apple 2; /* 计数器名称是'small-apple', 并且默认起始值是2 */
    // counter-reset: number 1;// 从2+
    counter-reset: number;
}
.as-li::before {
    counter-increment: number;
    content: counter(number) '. ';
    // counter-increment: my-counter;
    // content: counter(my-counter, upper-roman) '. ';
    // content: counter(my-counter, lower-alpha) '. ';
}

    <div class="as-div">
        <div class="as-li">ceshi</div>
        <div class="as-li">ceshi</div>
        <div class="as-li">ceshi</div>
        <div class="as-li">ceshi</div>
        <div class="as-li">ceshi</div>
    </div>