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>