纯css计数器 自动编序号

原创 zzmisss 随笔 前端知识库 3237阅读 2017-12-15 11:15:29 举报

counter-reset 、counter-increment。自动编号。
设置某个选择器出现次数的计数器的值、计数器增量。
1.counter-reset
定义和用法:counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。
说明:利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。
注释:如果使用 "display: none",则无法重置计数器。如果使用 "visibility: hidden",则可以重置计数器。
默认值: none
继承性: no
版本: CSS2
JavaScript 语法: object.style.counterReset="subsection"

2.counter-increment
定义和用法: counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。
说明:利用这个属性,计数器可以递增(或递减)某个值,这可以是正值或负值。如果没有提供 number 值,则默认为 1。
注释:如果使用了 "display: none",则无法增加计数。如使用 "visibility: hidden",则可增加计数。
默认值: none
继承性: no
版本: CSS2
JavaScript 语法: object.style.counterIncrement="subsection"

附实例如下:
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复