Html CSS将前导零添加到有序列表自定义计数器 我所拥有的:
带有自定义计数器的有序列表:Html CSS将前导零添加到有序列表自定义计数器 我所拥有的:,html,css,html-lists,css-counter,Html,Css,Html Lists,Css Counter,带有自定义计数器的有序列表: ol{ /*列表样式类型:十进制前导零*/ 列表样式:无; 左侧填充:0px; 计数器重置:项目; } ol>li{ 显示:表格; 反增量:项目; } 李:以前{ 显示:表格单元格; 填充:0.5em 0; 内容:柜台(项目)“.”; 字体大小:粗体; } 列出第一项 列出项目二 列出项目三 列出项目4 列出项目5 列出项目6 列出项目7 列出项目8 列出项目9 列出第十项 发件人:通过代码笔 您可以通过在{content:counter(…);}li:befo
ol{
/*列表样式类型:十进制前导零*/
列表样式:无;
左侧填充:0px;
计数器重置:项目;
}
ol>li{
显示:表格;
反增量:项目;
}
李:以前{
显示:表格单元格;
填充:0.5em 0;
内容:柜台(项目)“.”;
字体大小:粗体;
}
列出第一项
列出项目二
列出项目三
列出项目4
列出项目5
列出项目6
列出项目7
列出项目8
列出项目9
列出第十项
发件人:通过代码笔
您可以通过在{content:counter(…);}li:before之前包含十进制前导零来添加前导零
li:before {
counter-increment: li;
content: counter(item, decimal-leading-zero);
}
@道格,谢谢。这很有效。关于我的代码,我只需在ol>li:before
的项之后立即添加,小数点前导零。请作为答案发布,以允许我接受您的解决方案。谢谢。您链接到的示例使我了解了如何通过编辑内容/计数器值合并前导零。