使用类重置CSS计数器

使用类重置CSS计数器,css,Css,当我想用类重置CSS计数器时,我遇到了一个问题。我知道这是一个范围问题,但当我试图更改代码以使其工作时。。。没有。我总是在尝试重置时启动一个新计数器 正文{ 计数器复位:num; } .号码{ 计数器增量:num; } .号码::之前{ 内容:计数器(数量'-'); } .重置{ 计数器复位:num; } - - - 重置 - - -由于您只想在应用了.reset类时重置计数器,因此只需删除计数器reset:num可以:)发生的事情是,当您使用一些CSS“声明”它时,每个级别都会得到一个名为n

当我想用类重置CSS计数器时,我遇到了一个问题。我知道这是一个范围问题,但当我试图更改代码以使其工作时。。。没有。我总是在尝试重置时启动一个新计数器

正文{
计数器复位:num;
}
.号码{
计数器增量:num;
}
.号码::之前{
内容:计数器(数量'-');
}
.重置{
计数器复位:num;
}
-
-
-
重置
-
-

-
由于您只想在应用了
.reset
类时重置计数器,因此只需删除
计数器reset:numbody
中的code>可以:)

发生的事情是,当您使用一些CSS“声明”它时,每个级别都会得到一个名为num的新计数器。由于body的级别高于所有div,因此在divs级别中“声明”时会创建一个新的num-您没有看到body级别的num,在divs级别中执行计数器重置时会创建一个名为num的新计数器

因此,如果你这样做了:

正文{
计数器复位:num;
}
.号码{
计数器增量:num;
}
.号码::之前{
内容:计数器(数量'-');
}
.重置{
计数器复位:num;
}
-
-
-
重置
-
-
-

真的吗?就这么简单???非常感谢你!我尝试了很多东西!我认为,在使用计数器之前,您总是将其添加到init来初始化它。但是你可以在
.number:nth child(1)
而不是你的身体上这样做。