CSS計(jì)數(shù)器是CSS中用于計(jì)數(shù)元素的一種機(jī)制，可用于給文本、列表、表格等元素設(shè)置編號。下面是一些常見的CSS計(jì)數(shù)器。

/* 文本計(jì)數(shù)器 */
body {
counter-reset: myCounter; /* 重置計(jì)數(shù)器 */
}
h1::before {
counter-increment: myCounter; /* 計(jì)數(shù)器自增 */
content: counter(myCounter) ". "; /* 輸出計(jì)數(shù)器值 */
}
/* 列表計(jì)數(shù)器 */
ol {
counter-reset: myCounter; /* 重置計(jì)數(shù)器 */
}
li::before {
counter-increment: myCounter; /* 計(jì)數(shù)器自增 */
content: counter(myCounter) ". "; /* 輸出計(jì)數(shù)器值 */
}
/* 表格計(jì)數(shù)器 */
table {
counter-reset: myRow myCol; /* 重置計(jì)數(shù)器 */
}
td {
counter-increment: myRow; /* 行計(jì)數(shù)器自增 */
}
td:first-child::before {
counter-increment: myCol; /* 列計(jì)數(shù)器自增 */
content: counter(myCol) ". "; /* 輸出列計(jì)數(shù)器值 */
}

如果需要實(shí)現(xiàn)更復(fù)雜的編號方式，可以結(jié)合使用多個(gè)計(jì)數(shù)器，還可以使用CSS選擇器對計(jì)數(shù)器進(jìn)行條件判斷。