用::marker伪元素可使ol序号斜体，如ol li::marker{font-style:italic}，但仅支持现代浏览器；兼容旧版需用counter-reset+counter-increment配合::before手动实现。
ol列表序号斜体的CSS控制方式
HTML原生counter机制或伪元素干预。浏览器默认把序号当装饰内容，不进DOM，所以不能直接给加font-style: italic——那只会斜体文字内容，序号依然正体。
用::marker伪元素最简洁（现代浏览器）
::marker是专为列表标记（包括
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并手动处理缩进，否则会出现双序号 - 若列表项含等块级元素，注意
::before的定位可能错位，需检查position上下文为什么不能直接用
- ？
因为序号不是
的子内容，它由浏览器渲染引擎在布局阶段注入，独立于元素文本流。给设font-style对它完全无效——就像给color不会变色一样。真正容易被忽略的是：不同浏览器对
::marker的支持粒度不一。比如Firefox支持font-variant，但Safari目前不支持letter-spacing在::marker上生效。如果项目要上线，务必在目标浏览器里真机验证序号渲染效果。 - ？
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
