能，需配合counter-reset和counter-increment；单靠content静态值无法动态递增；多级序号用多组计数器及counter()第二参数指定格式（如decimal、lower-roman）；但不可替代
，因可访问性差、打印异常且旧浏览器兼容问题多。
伪元素
复制 ::before
和
复制 ::after
能否生成动态序号？
能，但必须配合
复制 counter-increment
和
复制 counter-reset
使用；单靠
复制 content: "1. "
这类静态写法做不到“动态”。浏览器不会自动识别你写的数字并递增，它只当普通字符串渲染。
常见错误现象：
复制 content: "第" counter(item) "项"
没生效，页面显示空白或原样输出文字；或者所有项都显示“1”，完全不递增。
必须在父容器上设置
复制 counter-reset: item
（否则计数器无初始值）
每个要编号的元素需触发
复制 counter-increment: item
（否则不累加）
复制 counter()
函数只能用在
复制 content
属性里，其他地方无效
多级嵌套列表怎么用 CSS 伪元素生成「1.1」「1.2.3」这类序号？
靠多组独立计数器 +
复制 counter()
的第二个参数控制格式。一级用
复制 counter(section)
，二级用
复制 counter(subsection)
，并在二级元素上同时做
复制 counter-increment: subsection
和
复制 counter-reset: subsection
（重置子计数器）。
容易踩的坑：
复制 counter-reset
写错层级——比如在
复制 li
上重置子计数器，但实际结构是
复制 ol > li > ol > li
，那重置动作得落在内层
复制 ol
上，而不是外层
复制 li
。
立即学习
“
前端免费学习笔记（深入）
”；
示例关键片段：
复制 ol { counter-reset: section; }
ol > li { counter-increment: section; }
ol > li::before { content: counter(section) ". "; }
ol ol { counter-reset: subsection; }
ol ol > li { counter-increment: subsection; }
ol ol > li::before { content: counter(section) "." counter(subsection) " "; }
复制 counter()
的第二个参数有哪些合法值？影响什么？
它控制数字格式，不是随便填字符串。合法值包括
复制 decimal
、
复制 lower-roman
、
复制 upper-alpha
、
复制 lower-greek
等，和
复制 list-style-type
的取值基本一致。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
为什么要注意这个？因为
复制 counter(section, lower-roman)
在 Safari 旧版本中可能回退为
复制 decimal
，而
复制 counter(section, "一")
是非法写法，直接导致整个
复制 content
失效（表现为伪元素不渲染）。
复制 decimal
：1, 2, 3（默认）
复制 lower-roman
：i, ii, iii
复制 upper-alpha
：A, B, C
不支持自定义中文数字（如“一”“二”），也不能用
复制 "第" counter(x) "条"
拼接后让计数器自动转中文
用伪元素序号替代 HTML 中的
是否可靠？
不可靠，尤其在可访问性和打印场景下。屏幕阅读器通常忽略
复制 ::before
生成的内容，用户无法通过语义获知这是有序列表；打印时部分浏览器可能不渲染伪元素，或序号与内容错位。
性能影响倒很小，CSS 计数器是声明式、无 JS 开销的；但兼容性有硬伤：IE 不支持
复制 counter()
的嵌套调用（如
复制 counter(a) "." counter(b)
），Android 4.3 WebView 会跳过整个
复制 content
声明。
真正该用伪元素序号的场景只有两个：需要脱离语义的视觉装饰（比如侧边栏小标题编号）、或已有 DOM 结构无法改造成
且明确接受可访问性折损。
复杂点在于：序号逻辑一旦跨出线性流（比如用
复制 float
或
复制 grid
打乱顺序），CSS 计数器仍按源码顺序计数，和视觉顺序对不上——这时候人眼看到的“第3个”，CSS 仍认为是“第1个”，没法修正。
