type="a"仅在无css覆盖且结构合规时生效，否则回退为decimal；仅识别精确字符串"a"，需正确嵌套，不支持括号等扩展，复杂需求须用css方案。
type="a" 能让 <ol></ol> 显示小写字母序号（a.、b.、c.…），但实际生效条件很窄——它只在没被 CSS 覆盖、且结构合规时才起作用。
为什么写了 type="a" 却还是显示 1. 2. 3.？
这不是代码写错了，而是浏览器根本没用这个值：
- 项目里写了全局
ol { list-style-type: decimal; }或类似规则 ——list-style-type永远压倒type属性 -
type值拼错，比如写成type="lower-a"或type="a."—— 浏览器只认"a"这个 exact 字符串，其余全退化为"1" - 列表项没包在
<li>里，例如直接写<ol type="a">第一项</ol>—— 缺少<li>，浏览器不认为这是有效列表项，序号逻辑不触发
type="a" 和 type="A" 的区别不只是大小写
它们是两个独立取值，渲染行为完全隔离：
-
type="a"→ a. b. c. d. …（小写，无空格，无括号） -
type="A"→ A. B. C. D. …（大写，同样纯字母+点） - 不存在
type="a)"这种写法 —— HTML 规范不支持带括号或符号的type值，type="a)"会被忽略，回退到"1" - 想加右括号（如 a)、b)），必须用 CSS：
ol { list-style-type: lower-alpha; }配合::marker伪元素调整内容
嵌套时字母序号断掉，问题出在 DOM 结构上
字母序号不会自动“继承”或“延续”，只看是否严格嵌套在父级 <li> 内：
- ✅ 正确：子
<ol type="a"></ol>在父<li>里 → 渲染为 A. → a. b. → B. - ❌ 错误：子
<ol></ol>和父<ol></ol>并列 → 子列表被当全新列表，从 a. 重新开始，和上级无关 -
start只对当前列表生效：<ol type="a" start="3"></ol>→ c. d. e.（a=1, b=2, c=3） - 别指望
type="a"能配合value属性做局部重置 ——value只影响单个<li>的计数起点，后续仍按字母顺序递进
真正难控的不是 type="a" 本身，而是你没法靠它实现带前缀、零填充、括号、多级联动编号。一旦需求超出 a. b. c. 这个范围，就得切到 CSS 的 list-style-type 或计数器方案 —— type 属性只适合纯语义、无样式、禁用 CSS 的极简场景。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
