用::marker伪元素可使ol序号斜体，如ol li::marker{font-style:italic}，但仅支持现代浏览器；兼容旧版需用counter-reset+counter-increment配合::before手动实现。
ol列表序号斜体的CSS控制方式
HTML原生<ol></ol>不提供直接设置序号样式的属性，必须用CSS的counter机制或伪元素干预。浏览器默认把序号当装饰内容，不进DOM，所以不能直接给<li>加font-style: italic——那只会斜体文字内容，序号依然正体。
用::marker伪元素最简洁（现代浏览器）
::marker是专为列表标记（包括<ol></ol>序号、<ul></ul>符号）设计的伪元素，支持基础字体样式。它在Chrome 89+、Firefox 85+、Safari 15.4+可用，Edge同步Chromium版本。
ol {
list-style: decimal;
}
ol li::marker {
font-style: italic;
}
- 注意
::marker不支持display、margin等布局属性，只接受字体、颜色类样式 - 若需兼容老浏览器（如IE或旧版Safari），此方案不可用
-
list-style必须显式声明（如decimal），否则某些浏览器可能不触发::marker
用counter-reset + counter-increment手动实现（全兼容）
当需要支持IE或旧版移动端时，得绕过默认序号，用CSS计数器自己生成并样式化：
ol {
counter-reset: item;
list-style: none;
padding-left: 0;
}
ol li {
counter-increment: item;
position: relative;
padding-left: 2em;
}
ol li::before {
content: counters(item, ".") ". ";
font-style: italic;
color: currentColor;
position: absolute;
left: 0;
}
-
counters(item, ".")用于嵌套有序列表（如1.1、1.2），单层用counter(item)即可 -
::before生成的内容可完整应用字体、颜色、甚至transform，自由度更高 - 必须重置
list-style: none并手动处理缩进，否则会出现双序号 - 若列表项含
<div>等块级元素，注意<code>::before的定位可能错位，需检查position上下文为什么不能直接用
- ？
因为序号不是
<li>的子内容，它由浏览器渲染引擎在布局阶段注入，独立于元素文本流。给<li>设font-style对它完全无效——就像给<hr>设color不会变色一样。立即学习“前端免费学习笔记（深入）”；
真正容易被忽略的是：不同浏览器对
::marker的支持粒度不一。比如Firefox支持font-variant，但Safari目前不支持letter-spacing在::marker上生效。如果项目要上线，务必在目标浏览器里真机验证序号渲染效果。
