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