CSS是前端開發者必須要熟悉的技能之一，而其中的序號增加其實也是一個經常被用到的技巧。本文將介紹如何使用CSS讓序號往下增加。
首先，我們需要了解CSS中關于序號的兩個屬性：counter-reset和counter-increment。其中counter-reset用來設置序號從哪個數字開始，而counter-increment用來設置每次增加的數字。
接下來，我們可以使用counter-reset來指定從哪個數字開始序號。例如，以下代碼會將序號從1001開始：

p {
counter-reset: section 1001;
}

此時，我們可以在需要序號的地方加上content: counter(section);，這樣每次生成的序號都會自動增加1，如下所示：

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

在以上代碼中，我們使用了counter-increment屬性來設置每次增加的數字為1，這樣每次序號都會自動增加1。
此外，有時候我們需要根據不同的情況設置不同的序號。這時我們可以使用counter()函數來獲取前面已經設置過的序號值，如下所示：

.h1 {
counter-reset: h1-counter;
}
.h2 {
counter-reset: h2-counter;
}
.h1:before {
content: counter(h1-counter) ". ";
counter-increment: h1-counter;
}
.h2:before {
content: counter(h1-counter) "." counter(h2-counter) ". ";
counter-increment: h2-counter;
}

在以上代碼中，我們設置了兩個不同的counter-reset值，并使用了counter()函數來獲取前面已經設置的序號值。這樣，我們就可以在不同的地方設置不同的序號了。
總而言之，在CSS中，我們可以使用counter-reset和counter-increment屬性來設置序號從哪個數字開始，以及每次增加的數字。同時，我們還可以使用counter()函數來獲取前面已經設置的序號值。這樣，我們就可以自由地設置序號了。