counter-reset属性用于重置计数器,用法:计数器名字 初始值 计数器名字 初始值 ...可重复写多组
counter-increment属性用于设置计数器步增,用法:计数器名字 步增数(默认1) ...可重复写多组
counter方法,counter(计数器名字, 样式属性名)
counters方法,counters(计数器名字,'任意拼接字符串', 样式属性名)
mdn文档
css
ol {
list-style: lower-roman;
counter-reset: liCount;
}
li::before {
content: counters(liCount, '-');
counter-increment: liCount;
}
html
<ol>
<li></li>
<li></li>
<li>
<ol>
<li>
<ol>
<li></li>
<li></li>
<li></li>
</ol>
</li>
<li></li>
<li></li>
<li></li>
</ol>
</li>
<li></li>
</ol>