例
一种方法与数部分和子部分与"Section 1" "1.1" "1.2"等：
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
试一试» 定义和用法
计数器增量属性递增一个或多个计数器的值。
计数器增量属性通常与计数器复位属性和内容属性一起使用。
| 默认值： | none |
|---|---|
| 遗传： | no |
| 动画： | no. Read about animatable |
| 版： | CSS2 |
| JavaScript语法： | object .style.counterIncrement = "subsection"; Try it |
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| counter-increment | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: IE8只支持如果指定了DOCTYPE反增量财产！
CSS语法
counter-increment: none|id|initial|inherit;属性值
| 值 | 描述 |
|---|---|
| none | 默认值。 没有计数器将递增 |
| id number | 的id定义应该递增该计数器。 该number将计数器多少会增加对选择的每一次出现。 默认增量为1。0或负值，是允许的。 如果该id是指尚未由计数器复位初始化的计数器，默认初始值是0 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS参考： ：before伪元素
CSS参考： ：伪元素之后
CSS参考： content property
CSS参考： counter-reset property
HTML DOM参考： counterIncrement property