可用::marker调整有序列表序号颜色和大小，但无法修改编号逻辑；如需自定义格式（如“第1条”“【001】”），必须用counter-reset+counter-increment+::before实现。
直接用 ::marker 改变有序列表序号颜色和大小是可行的，但不能替换编号逻辑
浏览器原生的 ol 编号由 ::marker 渲染，它能响应 color、font-size、font-weight 等基础样式，但不支持修改编号本身的生成规则。也就是说，你可以让 “1.” 变红变大，但不能让它变成 “第1条” 或 “【001】”。
常见错误现象：写 ol li::marker { content: "第" counter(list-item) "条"; } —— 这在绝大多数浏览器中会被忽略，因为 ::marker 不支持用 content 覆盖自动计数器。
-
color和font-size是最稳妥可用的属性 - 不要尝试在
::marker中使用background、padding、margin，它们无效 - 若需加括号（如
(1)），必须配合list-style-type: none+::before，而非依赖::marker
content 在 ::marker 中只对无序列表有效，对有序列表基本无效
规范允许 ul li::marker { content: "→ "; } 这类写法，浏览器普遍支持；但换成 ol li::marker { content: "(" counter(list-item) ")"; }，Chrome/Firefox/Safari 均不执行——不是 bug，而是 CSS 规范明确限制：::marker 的 content 仅用于替换符号（symbol replacement），不参与计数逻辑接管。
所以别被某些过时示例误导。如果你看到类似代码生效了，大概率是浏览器实验性支持或误判了上下文（比如实际作用在了 ::before 上）。
- 无序列表可用
content换字符（"•"、"»"、"✓"），但仅限字符串或 Unicode - 有序列表的
content在::marker中形同虚设，别浪费调试时间 - 想改编号格式，唯一可靠路径是放弃
::marker，转用counter-reset+::before
真正可控的有序列表自定义编号：用 counter-reset + ::before
当你要实现 “第1章”、“A-2”、“【005】” 或带锚点的可点击 (3)，必须绕过 ::marker，手动接管编号渲染。核心是三步：重置计数器 → 递增 → 插入内容。
示例：生成带中文前缀和括号的编号
ol.custom {
counter-reset: item;
list-style: none;
}
ol.custom li {
counter-increment: item;
}
ol.custom li::before {
content: "第" counter(item) "条：";
color: #2c3e50;
font-weight: bold;
margin-right: 8px;
}
-
counter-reset必须设在ol容器上，不能写在li上 -
counter-increment必须写在li上，每次匹配一个li就加 1 -
content中的文本、空格、标点都需显式写出，CSS 不自动补空格 - 如需前导零（
001），用counter(item, decimal-leading-zero)，关键字不能加引号
嵌套有序列表的层级编号必须用 counters()，不是 counter()
如果 HTML 是多层 ol > li > ol > li，只用 counter(section) 会丢失层级关系，所有子项都显示为 “1”、“2”。这时必须用 counters() 拼接，并指定分隔符。
示例：生成 “1.2.3” 格式
ol {
counter-reset: section;
}
ol li {
counter-increment: section;
}
ol li::before {
content: counters(section, ".") ". ";
}
-
counters(section, ".")第二个参数是字符串分隔符，必须用英文引号包裹 - 若漏掉引号（如
counters(section, .)），整个声明失效，::before不渲染 - 父容器未设
counter-reset，子ol却调counters()，结果为空字符串 - IE11 不支持
counters()，如需兼容，得降级为单层或 JS 补充
复杂点在于：你得判断清楚，当前需求只是微调外观（用 ::marker），还是彻底重构编号逻辑（用计数器+伪元素）。后者更灵活，但多出三处必须协同的声明；前者省事，却连括号都加不了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
