CSS中的計(jì)數(shù)器(counter)是一種非常有用的工具，它能夠幫助我們實(shí)現(xiàn)各種需要計(jì)數(shù)的效果，比如有序列表、章節(jié)編號(hào)等等。下面我們來(lái)看一下它的使用方法。

/*定義計(jì)數(shù)器*/
body{
counter-reset: mycounter; /*定義計(jì)數(shù)器，名稱為mycounter*/
}
/*設(shè)置樣式*/
h1:before{
content: counter(mycounter) ". "; /*將計(jì)數(shù)器插入到h1之前，以及點(diǎn)號(hào)*/
counter-increment: mycounter; /*計(jì)數(shù)器加1*/
}

上面的代碼中，我們首先在body元素中定義了一個(gè)計(jì)數(shù)器，名稱為mycounter。然后在h1元素的:before偽元素中，使用了content屬性將計(jì)數(shù)器插入到了h1之前，并在后面加上了一個(gè)點(diǎn)號(hào)。同時(shí)，我們還使用了counter-increment屬性，每使用一次h1標(biāo)簽，mycounter的值就加1。

可以看到，使用計(jì)數(shù)器可以讓我們非常方便地實(shí)現(xiàn)各種需要計(jì)數(shù)的效果。而且在實(shí)際應(yīng)用中，我們還可以根據(jù)自己的需要，自定義名稱、開始值、步長(zhǎng)等等，非常靈活。