Css 如果使用psuedo元素,如何在特定编号处启动有序列表?
你好,我有一个由三个有序列表组成的页面,它们之间有内容,所以有必要将它们分成三个不同的列表。我想控制第二个和第三个有序列表开始的编号。我正在使用psuedoCss 如果使用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
: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
元素之间有内容,您仍然可以使用一个计数器,只需在正文
选择器上定义您的计数器重置
。演示