计数器的常用属性和使用步骤分三个
1.counter-reset: first 0;
字面意思就是重置计数器，其实就理解为设置一个计数器。有两个参数，用空格隔开
参数1：给计数器取名。就是这个first。你也可以自己取名字，一般都用first，second......这样存在多个计数器的时候自己不会迷糊。
参数2：从哪个数开始计数，可正可负，默认0开始，如果是0，计数就从1开始
着重强调：
计数器要设置给计数单位的上级元素
2.counter-increment: first 1;
设置计数器的值。两个参数
参数1：名字，不说了，有多个的时候别写错了就行
参数2：这个数字代表计数器每次增加多少，起始值是0，这里是2的话，那计数出来就是
1.3.5.7.。。。。。这样的
这个属性在需要使用计数的同级元素上用的，一会会有例子，不太会说。
3.content: counter(first)'.'counter(second)'、'
用计数器计数的值，配合：before或：after 设置前缀或后缀内容，简单说就是咱们计数肯定是要展示出来的。content就是内容的意思好理解。一般计数都用在类似文章标题1.1 1.2 2.1 2.2 2.3蔗糖的情况，都在一段文字的开头（结尾）。多以配合：before或：after伪类使用
小例子
body:
<h1>个人简历</h1>
<h2>基本信息</h2>
<div>
<h2>专业技能</h2>
<div>
<h3>精通HTML5</h3>
<h4>HTML基本结构</h4>
<h4>文本标签</h4>
<h4>其它高级标签</h4>
</div>
<h3>精通CSS3</h3>
<h3>精通JavaScript</h3>
<h3>H5专家、高手、🐂人</h3>
</div>
<div>
<h2>求职意向</h2>
<p>HTML高级开发工程师 全职</p>
<p>薪资面议</p>
<p>现已离职，可一周内到岗</p>
</div>
<h2>项目经验</h2>
<h2>教育经历</h2>
css:
<style>
body{
/*设置某个元素选择器出现的计数器次数
参数1：给计数器取名
参数2：从哪个数开始计数，可正可负，默认0开始
*/
counter-reset: first 0;
}
h2:before{
/*第二级标题编号*/
/*设置计数器每出现一次 就自增1，可正可负*/
counter-increment: first 1;
/*用计数器计数的值 设置前缀*/
content: counter(first) '、';
}
/*设置第三级标题编号*/
div{
/*定义第二个计数器*/
counter-reset: second 0;
}
h3:before{
counter-increment: second 1;
content: counter(first)'.'counter(second)'、';
}
h3{
margin-left: 40px;
}
/*设置第四级标题标签*/
div>div{
/*添加第三个计数器*/
counter-reset: third 0;
}
h4:before{
counter-increment: third 1;
content:counter(first)'.'counter(second)'.'counter(third)'、';
}
h4{
margin-left: 80px;
}
</style>
就这样吧，挺有意思的，遇到的问题就是在添加计数器的时候，最开始没有把p标签，h标签包裹在div里，然后就不知道他的父级是谁了，总不能都给body吧，显然不对，所以就把每个标题编号分级用div分开放就ojbk了。OK，还是觉得写的哪里不对，希望大神们多多指教，明天见。
