CSS 计数器生成器

—

💡 CSS 计数器三个核心属性：
· counter-reset：在父元素上初始化计数器（可设置起始值）；
· counter-increment：在子元素上递增计数器；
· content: counter(名称)：在 ::before / ::after 中输出；
· counters(名称, 分隔符)：用于嵌套多级编号，如 1.1.1；
· counter(名称, 样式) 可指定编号样式（如 upper-roman）。
注意：计数器不继承，但可以嵌套——同一名称在子元素中 reset 会创建新实例。