css计数器

先来看一下这几个属性

counter-reset 计数器重置

参数

1.计数器名称

2.计数器初始值

默认值为0，必须为整数，可以为负值，若为非整数则默认为0

counter-increment计数器-递增

参数

1.计数器名称

就是给那个计数器递增值

2.递增的幅度

默认值为1，必须为整数，可以为负值

counter

参数

name:计数器名称（counter-reset中设置的名称）

list-style-type计数样式，例如lower-alpha英文小写字母，lower-roman小写罗马数字，upper-roman大写罗马数字，默认为阿拉伯数字。如果你不了解这些样式的话到这里查看吧

counter只能用在content中

content只能用在before和after这些伪类里

举个例子

html

css

js

效果

运行效果

counters 嵌套计数

html

css

效果