::marker 在 ol 中支持更稳定，ul 中 content 仅允许字符串或 none；需用 list-style: none + ::before 实现 ul 图标替换；::marker 不继承父级 font 和 color，须显式声明 inherit。
用 ::marker 改列表项符号，但 ul 和 ol 行为不一致
浏览器对 ::marker 的支持在 ol 上更稳定，ul 下部分符号（比如自定义图片）可能被忽略或 fallback 到默认圆点。这不是 bug，是规范里明确写的：对 ul 的 ::marker 样式限制更多，尤其是 content 只允许字符串或 none，不能用 url()。
-
ol中可安全用content: "▶ "或content: counter(list-item) ". " -
ul中设content: "•"有效，但content: url(arrow.svg)多数浏览器直接无视 - 想给
ul换图标？老办法——list-style: none+::before更可靠
::marker 不继承父元素的 color 和 font
它有自己的初始值：颜色默认跟随文本，但字体族、大小、粗细不会自动继承。比如父 li 设了 font-family: "SF Pro"; font-size: 14px;，::marker 仍按 UA 默认样式渲染，常显得小一圈、字体发虚。
- 必须显式写
::marker { color: inherit; font: inherit; }才能对齐 -
font简写会重置line-height，建议拆成font-family、font-size、font-weight - Chrome 115+ 支持
font-variant-numeric控制数字样式，但 Firefox 目前不支持
和 list-style 属性共存时，谁优先级更高？
::marker 样式完全覆盖 list-style 的视觉表现，但不覆盖其计数逻辑。比如 ol { list-style: lower-alpha; } + li::marker { content: "→ " counter(list-item); }，序号仍是 a, b, c，但前面加了箭头。
-
list-style-type和list-style-image在::marker存在时被忽略（仅视觉层） - 若删掉
::marker，list-style会立刻恢复生效，无需额外清理 - 动态切换时注意：JS 修改
style.cssText容易意外清空::marker规则，建议用sheet.insertRule管理
IE 和旧版 Safari 完全不支持，连 @supports 都检测不出
@supports (display: list-item) { ::marker { ... } } 这种写法无效——::marker 是伪元素，不是属性，@supports 对它无感知。真正可靠的检测方式只有 JS 特性嗅探或 UA 字符串判断。
立即学习“前端免费学习笔记（深入）”；
- 简单兜底：
li { list-style-position: inside; }配合::marker { display: none; }+::before模拟，兼容到 iOS 12.5 - 构建工具里可以用 PostCSS 插件自动补
::before回退规则，但需注意避免重复插入 - 别依赖
caniuse的“部分支持”描述——Safari 16.4 才开始支持::marker的content，之前版本即使写了也白搭
最麻烦的其实是嵌套列表里的 ::marker 作用域：它只作用于直接子 li，深层嵌套要靠 counter-increment + 多级 counter() 组合，稍不留神序号就错乱。这个细节文档很少提，但线上出过好几次生产事故。
