例
一种方法与数部分和子部分与"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.counterReset="section" Try it |
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
counter-reset | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: IE8只支持如果指定了DOCTYPE计数器复位财产!
CSS语法
counter-reset: none|name number|initial|inherit;
属性值
值 | 描述 |
---|---|
none | 默认值。 没有计数器将被重置 |
name | 该name定义了计数器应复位 |
number | 的id定义了应重置该计数器。 的number将计数器设置为所述选择的每次出现的值。 默认的复位值是0 |
initial | 将此属性设置为默认值。 阅读关于初始 |
inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS参考: :before伪元素
CSS参考: :伪元素之后
CSS参考: content property
CSS参考: counter-increment property
HTML DOM参考: counterReset property