不同范围的CSS计数器增量可以通过使用CSS的counter-reset和counter-increment属性来实现。

首先，我们需要定义一个计数器，并将其初始值设置为0。可以使用counter-reset属性来实现这一点。例如，要创建一个名为myCounter的计数器，并将其初始值设置为0，可以使用以下代码：

body {
  counter-reset: myCounter 0;
}

接下来，我们可以使用counter-increment属性来增加计数器的值。可以将counter-increment属性应用于具有特定范围的元素，例如某个div或者列表项。例如，要在每个div元素中增加计数器的值，可以使用以下代码：

div {
  counter-increment: myCounter 1;
}

在上面的代码中，每个div元素被计算为计数器myCounter的一个计数。通过将1作为计数器的增量传递给counter-increment属性，我们可以使计数器的值增加1。

类似地，如果我们想在列表项中增加计数器的值，可以使用以下代码：

li {
  counter-increment: myCounter 1;
}

在上面的代码中，每个列表项被计算为计数器myCounter的一个计数。

最后，我们可以使用content属性将计数器的值显示为文本。例如，要在每个div元素之前显示计数器的值，可以使用以下代码：

div:before {
  content: counter(myCounter);
}

在上面的代码中，使用:before伪元素和content属性，我们可以将计数器的值作为文本添加到每个div元素之前。

通过组合使用counter-reset、counter-increment和content属性，我们可以实现不同范围的CSS计数器增量。