inherit
每个计数器名称后面都可以跟一个可选的<整数>值,该值指定计数器的初始值。
注意:
1)、关键字none,inherit和initial不能作为计数器名称;关键字none,inherit可以作为计counter-reset属性的值。
设置none将取消设置计数器;设置inherit将从元素的父元素处继承counter-reset值。该counter-reset属性的默认值为none。
2)、计数器的初始值不是计数器显示时的第一个数字/值。
这意味着如果希望计数器从1开始显示,则需要将counter-reset中的初始值设置为零。0是默认的初始值,所以如果省略它,默认情况下它将重置为零;counter-reset允许使用负值。因此,如果希望计数器从零开始显示,可以将其初始值设置为-1。
示例:
someSelector{
counter-reset: counterA; /*计数器counterA 初始,初始值为0*/
counter-reset: counterA 6; /*计数器counterA 初始,初始值为6*/
counter-reset: counterA 4 counterB; /*计数器counterA 初始,初始值为4,计数器counterB 初始,初始值为0*/
counter-reset: counterA 4 counterB 2; /*计数器counterA 初始,初始值为4,计数器counterB 初始,初始值为2*/
}2、counter-increment
counter-increment属性用于指定一个或多个CSS计数器的增量值。它将一个或多个标识符作为值,指定要递增的计数器的名称。
使用语法:
counter-increment: [ <标识符> <整数>? ]+ 关键词:css计数器(counter)是啥