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>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>
表格中的数字表示支持该属性的第一个浏览器版本号。
| Safari | Chrome | FireFox | IE |
| 1.0 | 1.0 | 1.0 | 8.0 |