Html 如何重置css页面计数器

我正在尝试根据新节开始的时间重置页面计数器。这是HTML

<div id="page">Page </div>
<div class="title">Title</div>
Content
<div class="title">Title</div>
Content
<div class="title">Title</div>
Content

---

如果没有计数器重置，页面将正常编号，但是如果我有计数器重置，则第一页将被编号，其余页面的编号为空。

请参阅下面的计数器，如果它可以帮助您

正文{
计数器重置：区段；/*将区段计数器设置为0*/
}
h3：：之前{
计数器增量：节；/*增加节计数器*/
内容：“区段”计数器（区段）：“；/*显示计数器*/
}
ol{
计数器重置：嵌套节；/*创建
每个ol的区段计数器
元素*/
列表样式类型：无；
}
李：以前{
计数器增量：嵌套节；/*仅增量此实例
分区计数器的*/
内容：计数器（嵌套部分“.”“；/*添加所有实例的值
分段计数器的
以“.”的速度*/
/*如果您需要支持

计数器
介绍
身体
结论
嵌套计数器
项目
项目
项目
项目
项目
项目
项目
项目
项目
项目

项目

项目
项目
项目
项目

我不知道用html和css就可以做到这一点。

.page{
  position:fixed;
  top:0;
  right:0;
}
#page:after{
  counter-increment:page;
  content:counter(page);
}
.title{
  counter-resest:page;
}