css添加序号

今天写的东西要计数，以前都是vue直接在li里面添加一个dom做序号，记得css也能够在伪元素里面添加序号，那么特此记录下css序号怎么实现。

 ul {
      counter-reset: index; // index为自定义，类似于变量,从1开始计数
      li {
        &:before {
          counter-increment: index; // 自增1
          content: "top " counter(index);
        }
      }
 }

没有其他需求的话这里也已经够用了。
待验证： 如何设置初始值为其他值；如何自增值为其他值。