CSS counter-increment 属性

css counter-increment 属性递增一个或多个计数器值

counter-increment 属性通常用于 counter-reset 属性和 content 属性

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

语法

counter-increment: none | *id number* | inherit 


属性值

说明
none没有计数器将递增
id numberid 定义将增加计数的选择器、id 或 class
number 定义增量
number 可以是正数、零或者负数
inherit指定counter-increment属性的值,应该从父元素继承

浏览器支持

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

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


范例

范例

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

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

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

目录选择