老婆出轨 发表于 2025-4-16 19:37:07

用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]
查看完整版本: 用css给div列表加个序号