CSS對(duì)數(shù)字的增加與減少非常方便。我們可以使用CSS屬性中的counter-increment和counter-decrement來(lái)實(shí)現(xiàn)。

counter-increment屬性可用于增加一個(gè)計(jì)數(shù)器的值。例如：

p::before {
content:counter(myCounter);
counter-increment: myCounter;
}

以上代碼會(huì)在每個(gè)p元素前顯示一個(gè)遞增的數(shù)字。

counter-decrement屬性可用于減少一個(gè)計(jì)數(shù)器的值。例如：

p::before {
content: counter(myCounter);
counter-increment: myCounter;
}
.decrease::before {
counter-decrement: myCounter;
}

以上代碼的數(shù)字在每個(gè)p元素前都會(huì)遞增，而帶有decrease類名的元素則會(huì)遞減。

對(duì)于需要在某個(gè)元素中重置計(jì)數(shù)器的情況，我們可以使用counter-reset屬性。例如：

ol li::before {
counter-increment: myCounter;
content: counters(myCounter, ".") " ";
}
ol.reset {
counter-reset: myCounter;
}

以上代碼會(huì)在ol元素中的每個(gè)li元素前都顯示一個(gè)遞增的數(shù)字，數(shù)字使用"."分隔。而帶有reset類名的ol元素則會(huì)將計(jì)數(shù)器重置為0。