Home

小鱼驿站

26 Nov 2014

使用 css counter 实现简单计数

今天在 Matter 中添加了一个新功能,为 table 的每个 tr 添加一个序号, 大概效果如图:

由于需要在 table 中进行一些比较复杂的 dom 操作,比如 tr 的移动,删除,直觉告诉我, 使用js的方式会比较麻烦,所以就打算使用纯 css 方案。

使用 css 的 计数器

See the Pen wBapNw by 宋佳洋 (@songjiayang) on CodePen.

参考 https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Counters

Til next time,
small_fish__ at 22:31

scribble