CSS計數器是CSS3新特性中非常實用的功能之一。它可以幫助我們在頁面上實現自動計數的效果，比如頁面上的標題、列表項等等。在使用時，我們需要通過定義一個計數器，再在對應的元素中調用計數器即可。 下面是一個實例，以實現列表項自動編號為例： 首先，我們需要在樣式中定義計數器，可以用“counter-reset”來定義一個新的計數器。例如： `````` 這里的“listitem”就是我們自己定義的計數器名稱。 接下來，在我們需要調用計數器的元素中，可以用“counter-increment”來增加計數器的值，并用“counter()”函數來顯示計數器的值。例如： ```

• 第一項
• 第二項
• 第三項

``` 這里我們在列表項前面使用一個偽元素“:before”，并在其中使用“content”屬性來顯示計數器的內容。同時，我們使用“counter-increment”來增加計數器的值。 運行以上代碼，即可得到一個自動編號的列表。這樣，在列表項中添加或刪除元素時，計數器會自動更新，保證編號的正確性和順序性。 總的來說，CSS計數器是一種非常實用的樣式技巧，它可以幫助我們實現各種自動計數的效果。在實際應用中，我們需要根據具體需求，靈活使用該技巧來優化頁面的呈現效果。