CSS计数器

计数器步骤：

1、设置计数器的名称，同时设置初始值。

　　例：counter-reset: like ;(默认值为0)

2、设置计数器的自增。

　　例： counter-increment: like 1;(当没有给值时，初始值为1)

3、把Increment放置在自增的标签内。

实例：

html部分：

<ol>

　　<li>吃饭</li>

　　<li>睡觉</li>

　　<li>玩耍</li>

</ol>

css部分：

ol{

　　counter-reset : like;

}

li{

　　counter-increment : like 1;

}

li:before{

　　content : counters(like) '、'

　　color:blue;

}

注意：

reset解决兼容性；

counter-reset: like 1; 分隔符用空格，表示初始值1；

counter-reset: like; 当没有初始值，默认0；

多个计数器的名称格式：

例：

counter-reset: book1  sina2  baidu3;

 

另：

设置子序号：

li:before{

　　content:counters(like,'_')":"；

　　color:blue;

}

转载于:https://www.cnblogs.com/smuwgeg/p/9614572.html