CSS中的計數器（Counter）是一種功能強大的工具，可以用來創建自定義的計數器，通過使用計數器，我們可以給文本、列表、表格等元素編號或標記，并可以根據需要進行格式化和樣式設置。

/* 使用counter創建自定義的編號 */
body {
counter-reset: mycounter;  /* 定義自定義計數器 */
}
.myclass::before {
counter-increment: mycounter;  /* 計數器加1 */
content: counter(mycounter) ". ";  /* 顯示計數器的值 */
}
/* 對于列表元素，可以將計數器應用于li元素 */
ol {
counter-reset: mycounter;  
}
ol li::before {
counter-increment: mycounter;
content: counter(mycounter) ". ";  
}
/* 可以使用counter函數對列表的子元素進行編號 */
ol li ol {
counter-reset: subcounter;  /* 定義子計數器 */
}
ol li ol li::before {
counter-increment: subcounter;
content: counter(mycounter) "." counter(subcounter) " ";  
}

在上面的代碼中，我們定義了一個名為“mycounter”的計數器，并將其應用于.myclass元素和ol li元素。我們還定義了另一個名為“subcounter”的計數器，并將其應用于ol li ol li元素。在每個元素的::before偽元素中，使用content: counter(mycounter)顯示計數器的值。我們還可以在該數值后顯示其他字符，例如點號、“)”等。這樣，我們就可以輕松地為任何元素創建自定義編號了。