Css 如果使用psuedo元素,如何在特定编号处启动有序列表?

Css 如果使用psuedo元素,如何在特定编号处启动有序列表?,css,Css,你好,我有一个由三个有序列表组成的页面,它们之间有内容,所以有必要将它们分成三个不同的列表。我想控制第二个和第三个有序列表开始的编号。我正在使用psuedo:before用于我的订单列表,以便我可以自定义编号 这是我的CSS: .postid-1028 ol { counter-reset: item; list-style: none; } .postid-1028 ol li { padding-left: 55px; } .postid-1028 ol li:b

你好,我有一个由三个有序列表组成的页面,它们之间有内容,所以有必要将它们分成三个不同的列表。我想控制第二个和第三个有序列表开始的编号。我正在使用psuedo
:before
用于我的订单列表,以便我可以自定义编号

这是我的CSS:

.postid-1028 ol {
    counter-reset: item;
    list-style: none;
}

.postid-1028 ol li {
    padding-left: 55px;
}

.postid-1028 ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    left: 20px;
}
有没有可能使用css或jquery从我选择的数字开始第二个列表,比如7而不是1


谢谢

您可以在
ol
元素中定义一个数字增量

计数器重置
功能有一个可选整数值(默认为0),可用于从该数值开始计数:

计数器重置:[?]


代码段:
ol{
列表样式:无;
计数器复位:我的计数器6;
}
李{
计数器增量:我的计数器;
}
李:以前{
内容:柜台(我的柜台);
}


  • 太棒了,这正是我想要的。谢谢,不客气。我重新阅读了您的问题,无论您是否在
    ol
    元素之间有内容,您仍然可以使用一个计数器,只需在
    正文
    选择器上定义您的
    计数器重置
    。演示