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) "." count

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/course/6_347

<< CSS counter-increment 属性 CSS cursor 属性 >>