計(jì)數(shù)器是CSS中一個(gè)比較有趣的特性，它允許我們?cè)跇邮街惺褂糜?jì)數(shù)器來實(shí)現(xiàn)一些比較復(fù)雜的效果，下面是一個(gè)使用計(jì)數(shù)器來實(shí)現(xiàn)列表數(shù)字編號(hào)的例子：

ul {
counter-reset: item;
list-style: none;
}
li:before {
counter-increment: item;
content: counter(item) ". ";
}

上面的CSS代碼中，我們使用了counter-reset屬性來定義計(jì)數(shù)器，并將其初始化為0。同時(shí)我們使用了list-style屬性來移除了列表的默認(rèn)樣式。

接下來，我們使用counter-increment屬性來對(duì)計(jì)數(shù)器進(jìn)行自增操作，同時(shí)我們還使用了before偽類來為列表項(xiàng)添加一個(gè)before偽元素。

在before偽元素中，我們使用了counter函數(shù)來生成計(jì)數(shù)器的值，并且在計(jì)數(shù)器值后面添加了一個(gè)點(diǎn)號(hào)和一個(gè)空格作為編號(hào)的分隔符，這樣就實(shí)現(xiàn)了一個(gè)帶編號(hào)的列表。

以上就是使用計(jì)數(shù)器實(shí)現(xiàn)列表數(shù)字編號(hào)的CSS代碼，希望對(duì)大家有所幫助。