CSS Counters
CSS Counters其实就是一计数器,早期在CSS中计数器仅存在于ul
和ol
元素。如果要使用在div
这样的元素上,只能通过list-style-image
或者是元素的backgroud-image
来实现。在CSS2.1的规范中介绍了一种新技术,允许开发人员使用伪类:after
、:before
或者伪元素::after
、::before
给任何元素创建自动递增计数器——类似于列表中的项目符号(list-style-type
)。更神奇的是,可以给这些计数器设置独特样式,让其在外观上更靓丽。