用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>
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]