CSS counter-reset 属性
实例
对部分和子部分进行编号(比如 "Section 1"、"1.1"、"1.2")的方法:
body
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
content:"Section " counter(section) ". ";
counter-increment:section;
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有浏览器都支持 counter-reset 属性。
注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 counter-reset 属性。
定义和用法
counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。
利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。
注释:如果使用 "display: none",则无法重置计数器。如果使用 "visibility: hidden",则可以重置计数器。
默认值: | none |
---|---|
继承性: | no |
--- | --- |
版本: | CSS2 |
--- | --- |
JavaScript 语法: | object.style.counterReset="subsection" |
--- | --- |
可能的值
值 | 描述 |
---|---|
none | 默认。不能对选择器的计数器进行重置。 |
id number |
id 定义重置计数器的选择器、id 或 class。
number 可设置此选择器出现次数的计数器的值。可以是正数、零或负数。
| | inherit | 规定应该从父元素继承 counter-reset 属性的值。 |
相关页面
CSS 参考手册:CSS :before 伪元素
CSS 参考手册:CSS :after 伪元素
CSS 参考手册:content 属性
CSS 参考手册:counter-increment 属性