CSS counter-reset 属性

CSS counter-reset 属性创建或重置一个或多个计数器

counter-reset 属性通常是和 counter-increment 属性，content 属性一起使用

默认值	none
继承	no
版本	CSS2
JavaScript 语法	object.style.counterReset="subsection"

属性值

值	说明
none	默认。不能对选择器的计数器进行重置
id number	id 定义重置计数器的选择器、id 或 class。 number 可设置此选择器出现次数的计数器的值。可以是正数、零或负数
inherit	规定应该从父元素继承 counter-reset 属性的值

浏览器支持

所有主流浏览器都支持 counter-reset 属性

IE8 只有指定 <!DOCTYPE html> 才支持 counter-reset 属性

范例

对部分和子部分进行编号（比如 "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) " ";
}

运行范例 »

CSS 参考手册 :before 伪元素
CSS 参考手册 :after 伪元素
CSS 参考手册 content 属性
CSS 参考手册 counter-increment 属性

属性值

浏览器支持

范例

相关文章

CSS 参考手册