CSS中的列表前的數字通常用于有序列表中。這些數字可以自動地添加到一個有序列表中的列表項前面，以便讀者知道所有列表項的排列順序。

ol {
list-style-type: decimal;
}

在上面的代碼中，我們針對“ol”元素設置了一個“list-style-type”屬性，具體值設為了“decimal”。這個值表示每個列表項前應該顯示數字。

如果您想更改數字的樣式，可以修改“list-style-type”的值。以下是一些最常見的樣式值：

• “decimal” - 顯示十進制數字（默認）
• “lower-alpha” - 顯示小寫字母
• “upper-alpha” - 顯示大寫字母
• “lower-roman” - 顯示小寫羅馬數字
• “upper-roman” - 顯示大寫羅馬數字

您也可以使用“list-style”屬性更改列表的圖標。下面是一個示例：

ol {
list-style: square inside;
}

在上面的代碼中，我們使用“list-style”屬性將列表的圖標更改為方形，位于列表項內部。類似于“list-style-type”，您可以通過不同的值更改圖標的樣式。

在CSS中，您還可以通過設置“counter-reset”和“counter-increment”屬性來控制有序列表中數字的顯示。這兩個屬性允許您更改計數器的起始值和增量。

ol {
counter-reset: chapter;
}
ol li:before {
content: "Chapter " counter(chapter) ". ";
counter-increment: chapter;
}

在上面的代碼中，我們使用“counter-reset”將計數器“chapter”設置為0。然后，我們使用“counter-increment”將計數器的值增加1。我們還在每個列表項的文本前添加了一個“Chapter x”的前綴文本，其中x是計數器的當前值。

通過學習CSS中有序列表前的數字，您可以更好地管理和控制您的網站列表。通過使用各種樣式和屬性，您可以創建您自己的風格和視覺效果。