counter-increment

定义

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

注意：通常用于counter-reset属性和content属性。

语法

counter-ncrement:none|id|number|inherit;

属性值

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

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style>
        body {counter-reset:section;}
        h1 {counter-reset:subsection;}
        h1:before
        {
            counter-increment:section;
            content:"系列 " counter(section) "： ";
        }
        h2:before
        {
            counter-increment:subsection;
            content:counter(section) "." counter(subsection) " ";
        }
    </style>
</head>
<body>
   <h1>NTHOME出品</h1>
   <h2>零基础入门学习Web开发（HTML5）</h2>
   <h2>零基础入门学习Web开发（CSS3）</h2>
   <h2>零基础入门学习Web开发（JavaScript）</h2>
   <h1>配套练习</h1>
   <h2>零基础入门学习Web开发（HTML5）</h2>
   <h2>零基础入门学习Web开发（CSS3）</h2>
   <h1>其他</h1>
   <h2>资源下载</h2>
   <h2>阶段考核</h2>
</body>
</html>

NTHOME出品

零基础入门学习Web开发（HTML5）

零基础入门学习Web开发（CSS3）

零基础入门学习Web开发（JavaScript）

配套练习

零基础入门学习Web开发（HTML5）

零基础入门学习Web开发（CSS3）

其他

资源下载

阶段考核

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	8.0