计数器步骤:
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;
}