css使用计数器自动标序号,counter()和counters()的区别及具体用法

说明:通过css计数器,我们可以只用一个简单的变量,来实现多个列表嵌套的排序输出。 原理:通过css计数器的自加功能实现编号的目的。 用到的属性: content-使用 ::before 和 ::after 伪元素来插入自动生成的内容 counter-reset-设置或添加计数器 counter-increment-用于增加计数器的值,可设置多个 counter()-将计数器的值添加到内容 counters()-将多个计数器的值添加到内容 属性的具体用法,counter()和counters()的区别如下代码所示: