② 正如本节开始提到的，这变化的值不一定是
1，我们可以灵活设置。例如：
counter-increment: counter 2那就是偶数偶数的增加。例如下面这个变身：
还可以是负数，例如：
counter-increment: counter -1就有了递减排序效果啦！
③ 值还可以是
none或者
inherit.3. counter()/counters()
这是个方法，不是属性。类似CSS3中才
calc()计算。这里作用很单纯显示计数。不过名称、用法有多个：
① 目前为止，我们看到的是最简单的用法：
counter(name) /* name就是counter-reset的名称 */② 那下面这个语法是什么意思呢？
counter(name, style)这里的
style参数还有有些名堂的。其支持的关键字值就是
list-style-type支持的那些值。作用是，我们递增递减可以不一定是数字，还可以是英文字母，或者罗马文等。list-style-type：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
闻名不如见面。您可以狠狠地点击这里：CSS计数器counter()方法style参数demo
结果见下截图：
核心CSS代码为：
content: counter(wangxiaoer, lower-roman); /* 以小写罗马数字格式表示当前计数器wangxiaoer的值 */③ counter还支持级联。也就是一个
content属性值可以有多个
counter()方法。闻名不如见面。您可以狠狠地点击这里：多个counter级联并存demo
核心CSS/HTML如下：
复制代码
.counter { counter-reset: wangxiaoer 2 wangxiaosan 3; }
.counter:before { content: counter(wangxiaoer) ‘A’ counter(wangxiaosan); white-space: pre; }
<p class=”counter”></p>
上面CSS源代码使用
