CSS計數器是指可以用CSS為列表等元素添加標記或序號的功能。通常情況下，我們在使用列表的時候，都是默認的點狀或數字序號。但是通過CSS計數器，可以輕松地實現自定義的序號樣式。
CSS計數器的使用方法非常簡單，只需要在CSS樣式表中添加counter-reset和counter-increment兩個屬性即可實現。其中，counter-reset用于重置計數器的初始值，counter-increment用于更新計數器的值。
例如，下面的示例代碼中，我們設置了一個以字母序號標記的無序列表：

ul {
counter-reset: my-counter;
list-style: none;
padding: 0;
}
li:before {
counter-increment: my-counter;
content: counter(my-counter, lower-alpha) ". ";
}

在上述代碼中，我們首先使用counter-reset屬性來初始化一個名為“my-counter”的計數器。然后在li標簽前添加了一個偽元素:before，在其中使用counter-increment屬性來更新計數器的值，并在其中使用了content屬性來顯示計數器的值。
在content屬性中，我們使用了counter函數來顯示計數器的值。該函數接受兩個參數：第一個參數是計數器的名稱，第二個參數是標記類型。在本例中，我們將標記類型設置為“lower-alpha”，即小寫字母序號。
如果我們想要使用數字序號，只需要將標記類型設置為“decimal”即可。同樣的，如果想要使用大寫字母序號，只需要將標記類型設置為“upper-alpha”。
通過上述示例，我們可以看出，使用CSS計數器可以為列表等元素添加自定義的標記或序號。這極大地提高了網頁的可讀性和美觀性，同時也為開發者帶來更多的自由度和創造力。