能，但content必须配合counter()函数动态生成编号，不可写死字符串；需在ol设counter-reset、li设counter-increment，并显式声明color/font等样式，因::marker不继承父级样式。
li::marker里content必须配合counter()，不能写死字符串
直接写 li::marker { content: "Step 1. "; } 看似简单，但所有列表项都会显示完全相同的“Step 1.”，失去编号逻辑。::marker的content不支持硬编码序号，它只负责“渲染”，不参与计数——计数必须由 CSS 计数器驱动。
正确做法是显式声明计数上下文，并用counter()函数动态取值：
-
ol上设counter-reset: item; -
li上设counter-increment: item; -
li::marker中用content: "Step " counter(item) ". ";
注意空格：counter(item)返回纯数字（如1），前后空格要手动加，否则会粘连成Step1.。
content里用counter()时，计数器名和格式参数不能错
常见错误是写counter(list-item)却没确认父元素是否为原生ol——只有浏览器默认生成的有序列表才内置list-item计数器；一旦用了counter-reset自定义名字（比如counter-reset: step;），就必须严格匹配：counter(step)，否则返回空或0。
字母、罗马数字等格式需靠第二个参数控制：
-
counter(step, lower-alpha)→ a, b, c -
counter(step, upper-roman)→ I, II, III -
counter(step, decimal-leading-zero)→ 01, 02, 03
Safari 16.4 之前不支持counter()在::marker中的格式参数，若需兼容，得降级到li::before方案。
写完content后，颜色/字体必须显式声明，不继承li
li::marker不继承li的color或font-size，哪怕结构标准也一样。写li { color: red; }后，序号仍为黑色；加了content更会彻底切断继承链。
所以只要用了content，就必须同步设置基础样式：
li::marker { color: #2563eb; font-weight: bold; font-family: system-ui; }- 避免用
inherit或currentColor——某些旧版 Safari 对它们在::marker中支持不稳定 - 如果
li本身有font-size: 1.1em，而你想让序号略小，得单独写font-size: 0.9em，不能指望缩放继承
content生效但序号错位？检查list-style和display
即使content渲染成功，序号也可能挤在文字开头、悬空或换行——这通常不是content的问题，而是布局干扰：
-
li设了display: flex或display: grid：隐式覆盖display: list-item，::marker直接失效（连带content不渲染） -
ol或li写了list-style: none：会干掉原生标记，但::marker仍可工作——前提是没同时禁用计数器（counter-reset仍需保留） - 想调间距？别碰
margin或padding（::marker不支持），改用li的text-indent或padding-left整体缩进
最简验证法：li::marker { background: cyan; }——如果背景没出现，说明::marker根本没挂载上，优先查元素类型和display值。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
