自动编号

前缀 后缀:

• 1: 防止前缀和后缀污染标签内容 影响网页搜索的时候精确度
• 2: 标签内容一般通过服务器返回的数据，有时候有必要前缀
• 3: 前缀不能添加html标签
• css3计数器 +content 伪类 铁三角

自动编号：

• couter-reset：重置计数器
• counter-increment：计数器增量 +1
• counter() 计数器的个数
一般都在父元素里面重置计数器
计数器的名字: (一个变量记录一个次数)见名知意
body{ counter-reset:myh2 -1;}
自定义名字+空格+初始值 默认的是0
记录一个选择器出现的次数

h2::before{
/* 计数器每次加1 计数器增量 */
counter-increment: myh2;
/* counter(myh2) 记 计数器的个数*/
content:counter(myh2)".";
}

同一层级关系 标签尽量用相同标签