能，但仅限color、font-*等基础样式，不支持background/margin等；content需配合counter()函数；Firefox96+/Chrome86+/Safari15.4+支持，旧版Safari和IE需用counter-reset+::before降级。
Chrome/Firefox里::marker能直接改序号颜色和字体吗
能，但仅限于基础样式：color、font-*系列（如font-size、font-family）、content。不能设background、padding、margin，也不能用display: flex或transform。
常见错误是写li::marker { background: #eee; }——浏览器直接忽略，控制台也不报错，样式就是不生效。
-
::marker只作用于ol和ul的默认序号/符号，对自定义list-style-type（如lower-roman）也生效 - Firefox从96+、Chrome从86+支持，Safari 15.4+才开始支持——旧版Safari会完全忽略
::marker规则 - 如果同时用了
list-style-image，::marker会被覆盖，不生效
content属性在::marker里怎么安全替换编号
可以用content完全重写序号内容，比如把数字换成带括号的格式，但必须配合counter()函数，不能写死字符串。
错误写法：li::marker { content: "▶ "; }——这会让所有项都显示“▶ ”，失去编号逻辑。
立即学习“前端免费学习笔记（深入）”；
- 正确写法：
ol li::marker { content: counter(list-item) ". "; }，其中list-item是ol默认计数器名 - 想改前缀（比如“Step 1.”），写：
content: "Step " counter(list-item) ". "; - 注意空格：
counter()返回纯数字，前后空格要手动加，否则会粘连成Step1. - 不支持
attr()或url()，也不能嵌套其他伪元素
IE和老版Safari不支持::marker，有什么降级方案
没有“优雅降级”，只有“手动接管”：放弃原生ol，用div模拟列表，靠CSS计数器或JS生成序号。
最轻量的CSS方案是用counter-reset/counter-increment + ::before：
ol.fallback {
counter-reset: step;
}
ol.fallback li {
position: relative;
}
ol.fallback li::before {
counter-increment: step;
content: counters(step, ".") ". ";
color: #333;
font-weight: bold;
}
- 这个方案在IE8+、所有Safari都可用，但
::before是块级容器，能设background和padding，灵活性远高于::marker - 缺点：语义丢失，屏幕阅读器可能无法识别为有序列表；若
li有display: inline，::before需额外设display: inline-block - 如果项目含嵌套
ol，counters(step, ".")才能正确输出1.1、1.2，单用counter(step)只出顶层数字
用::marker时容易被忽略的兼容性细节
真正卡住人的不是语法，而是几个隐性限制：计数器名绑定、继承行为、以及和list-style-position的冲突。
-
ol[type="A"] li::marker里的计数器名仍是list-item，不是A——类型只影响counter()的显示格式，不改名字 -
color和font-*会继承父级，但content不会；父级设了content: ""对::marker无影响 - 当
list-style-position: inside时，::marker的color仍生效，但它的位置已随文本左移，视觉上可能像“没变色” - 所有主流浏览器对
::marker的line-height支持不一致——有的按行高算，有的忽略，建议避免依赖
真要用::marker，先确认目标环境浏览器版本，再决定是直接上还是切到::before方案。它不是万能补丁，只是个有限但干净的工具。
