logo头像

arthas.com.cn

CSS计数器

该文章被围观

本文于472天之前发表,文中内容可能已经过时。

CSS 计数器本质上是 CSS 维护的变量,这些变量可以根据 CSS 规则增加以跟踪使用次数。

语法

1.命名变量并定义计数器的值,默认为 0。表示定义了varname计数器,从2开始计数

1
counter-reset: varname 2;

2.递增计数器的值,默认增量为 1。

1
counter-increment: varname;

3.counter() / counters() 方法显示计数。和伪元素before/after配合使用。

1
counter(varname);

案例

1、统计点击按钮

2、文章序号自动递增

3、文章序号掏钱递增

参考文章

使用 CSS 计数器

上一篇