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 中的项目自动生成序号，使网页结构更清晰和易于阅读和理解。