after伪元素上的。于是，就有了，“计数器↔伪元素↔content属性”的铁三角关系。三、CSS计数器成员挖挖挖
CSS计数就跟我们军训报数一样的！现在，让我们的静静地闭上眼睛，让思绪飞到青葱的大学，那个炎热的夏日，那个宽广的军训场地，你…想到了什么？——“隔壁班的那个妹子长得好水灵好可爱我好喜欢”。囧，还有呢？——“露着大腿的漂亮师姐从面前悠然走过，留下一阵芬芳，掳走我的心房”。……
成心找抽啊！就算色心满满，脑袋插满刀子，也应该想到，帅气的教官有木有！共苦的基友有木有！嘹亮的口号有木有！犀利的报数有木有！
说到报数，是否想起了教官的嘹亮口号：“生信4班，立正，稍息，开始1,2,3,4报数！”
其中有这么几个关键点：
1. 班级命名。总不能六脉神剑一指，你，侬，汝来称呼吧~有个称呼，如生信4班，就知道谁的是谁了。
2. 报数规则。1,2,3,4递增报数，还是1,2,1,2报数，让班级的人知道。
3. 开始报数。不发口令，大眼瞪小眼，会乱了秩序。
巧的是，以上3个关键点正好对应CSS计数器的2个属性和1个方法，依次是：
1. counter-reset
2. counter-increment
3. counter()/counters()
依次说来。
1. counter-reset
顾名思意，就是“计数器-重置”的意思。其实就是“班级命名”，主要作用就是给计数器起个名字。如果可能，顺便告诉下从哪个数字开始计数。默认是
0, 注意，默认是
0而不是
1. 可能有同学回疑惑，尼玛网上的各种例子默认显示的第1个数字不都是
1吗？那是因为受了
counter-increment普照的影响，后面会详细讲解。OK, 这里，我们先看两个简单的
counter-reset的例子：CSS Code复制内容到剪贴板
.xxx { countercounter-reset: small-apple; } /* 计数器名称是’small-apple’ */
.xxx { countercounter-reset: small-apple 2; } /* 计数器名称是’small-apple’, 并且默认起始值是2 */
闻名不如见面，您可以狠狠地点击这里：counter-reset值为2简单demo
