自定义列表数字样式 - 黄进的个人网站

提醒：本文最后更新于 4 年前，文中所描述的信息可能已发生改变，请谨慎使用。

ol { 
  counter-reset: item 
}
li { 
  display: block 
}
li:before { 
  content: counter(item) ". ";
  counter-increment: item 
}

css3 counters 计数器属性

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

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