css3 实现自定义有序列表序号

有一下代码结构:

<div class="list">
    <div class="item">
        这是第一部分
    </div>
    <div class="item">
        这是第二部分
    </div>
    <div class="item">
        这是第三部分
    </div>
</div>

我想显示成:

part:1这是第一部分
part:2这是第二部分
part:3这是第三部分

body{
    counter-reset: my-item;//从1开始计数
}
.item:before{
    counter-increment: my-item;
    content: "part:" counter(my-item);
}
    原文作者:jsoncode
    原文地址: https://segmentfault.com/a/1190000010202626
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞