用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>