最直接方式是给ol标签添加type="a"属性；它原生支持小写字母编号（a. b. c.…），兼容ie8+，但需确保无css覆盖、结构合规且值精确为"a"，否则回退为数字。
ol 默认用阿拉伯数字，要改成小写字母（a, b, c…），最直接的方式是加 type="a" 属性。
用 type="a" 设置小写字母编号
这是 HTML 原生支持的最简方案，无需 CSS，兼容性好（所有现代浏览器及 IE8+ 都支持）：
<ol type="a"> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>
- 注意：
type是ol的属性，不是li的；写在li上无效 - 值必须是小写
"a"，写成"A"或"alpha"会失效 - 若列表嵌套在另一
ol内部，子ol仍需单独声明type="a"，父级不会继承该设置
为什么有时小写字母没生效？常见失效场景
看似写了 type="a" 却还是显示 1. 2. 3.，大概率是以下情况之一：
- 父容器用了
list-style-type: decimal等 CSS 强制覆盖了 HTML 属性——CSS 的list-style-type优先级高于type属性 -
ol标签被意外闭合，或li写在了ol外面，导致 DOM 结构断裂，浏览器降级为默认数字编号 - 用了自定义计数器（
counter-reset/counter-increment）但没重置类型，旧计数器仍在按数字递增
start 和 value 在小写字母列表中怎么用？
start 和 value 依然有效，但它们控制的是“序号位置”，不是字母本身：
-
<ol type="a" start="3"></ol>→ 从第 3 个字母开始：c, d, e…（不是 a, b, c…） -
<li value="5">→ 该项显示为 e（因为字母表中第 5 位是 e），后续项继续 f, g… - 不建议混用
value和非数字type，容易引发可读性问题；如需跳号，优先考虑语义分段（多个ol）
真正难的不是设成小写字母，而是确保它在嵌套、样式覆盖、DOM 移动后仍稳定输出 a/b/c——关键永远在结构是否合法、CSS 是否静默劫持了渲染逻辑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
