提醒:本文发布于 4 年前 ,文中所描述的信息可能已发生改变,请谨慎使用。
ol { 
  counter-reset: item 
}
li { 
  display: block 
}
li:before { 
  content: counter(item) ". ";
  counter-increment: item 
}

css3 counters 计数器属性

https://www.w3.org/TR/CSS21/generate.html#counters

上面的 item 是个变量,可以通过 counter-increment counter-reset 修改这个变量的值。

此时计数变成了一个伪元素,就可以自由自在滴在伪元素上加样式了。