CSS 序號生成是使 HTML 中的項目（如列表、表格）自動生成序號的技術。使用 CSS 序號生成可以使網頁結構更清晰，易于閱讀和理解。 在 CSS 中，可以使用 counter-reset 和 counter-increment 屬性來定義和增加計數器。counter-reset 屬性用于初始化計數器，而 counter-increment 屬性用于增加計數器中的值。 下面是一個使用 ul 和 li 標簽創建有序列表的例子，其中使用了 counter-reset 和 counter-increment 屬性，以及 :before 偽元素： ```html

• 第一項
• 第二項
• 第三項

``` 在上面的例子中，ul 元素的 counter-reset 屬性將計數器 item 初始化為 0。而 li:before 偽元素則使用 counter-increment 屬性來每次增加計數器 item 中的值，并將其內容設置為計數器的值和一個點號。 如果您想使列表數字從指定數字開始，則可以設置 counter-reset 屬性的值。例如，如果要從 5 開始計數，可以將樣式修改為： ```html``` 除了可以用于有序列表外，CSS 序號生成還可以應用于其他 HTML 元素，如表格。 下面是一個使用 table、thead、tbody、tr 和 td 標簽創建表格的例子，其中使用了 counter-reset 和 counter-increment 屬性，以及 :before 偽元素： ```html

列1	列2
行1列1	行1列2
行2列1	行2列2
行3列1	行3列2

``` 在上面的例子中，thead:before 偽元素將表頭標題設置為 "表頭"。thead 和 tbody 元素的 counter-reset 屬性都將計數器 row 初始化為 0。而 tr:before 偽元素則使用 counter-increment 屬性每次增加計數器 row 中的值，并將其內容設置為計數器的值和一個點號。 總之，使用 CSS 序號生成可以讓 HTML 中的項目自動生成序號，使網頁結構更清晰和易于閱讀和理解。