Alt text

定义

counter-reset 属性设置某个选择器出现次数的计数器的值。

注意：利用这个属性，计数器可以设置或重置为任何值，可以是正值或负值。如果没有提供 number，则默认为 0。

语法

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

属性值

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

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>
    <style>
        body {counter-reset:a;}
        h1 {counter-reset:b;}
        h1:before
        {
            counter-increment:a;
            content:"系列 " counter(a) "： ";
        }
        h2:before
        {
            counter-increment:b;
            content:counter(a) "." counter(b) " ";
        }
    </style>
</head>
<body>
   <h1>鱼C出品</h1>
   <h2>零基础入门学习Web开发（HTML5&CSS3）</h2>
   <h2>零基础入门学习Web开发（JavaScript）</h2>
   <h2>零基础入门学习Web开发（Node.js）</h2>
   <h1>配套图书</h1>
   <h2>零基础入门学习Web开发（HTML5&CSS3）</h2>
   <h2>零基础入门学习Web开发（JavaScript）</h2>
   <h1>其他</h1>
   <h2>课后作业</h2>
   <h2>阶段考核</h2>
   <h2>课后阅读</h2>
</body>
</html>

鱼C出品

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

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

零基础入门学习Web开发（Node.js）

配套图书

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

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

其他

课后作业

阶段考核

课后阅读

浏览器支持

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

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	8.0