html中ol标签的type属性设为"a"或"a"可实现大写/小写字母编号，仅支持1、a、a、i、i五种值；嵌套时须确保子ol严格位于li内部，否则字母重置；css的list-style-type更可靠且可覆盖type属性。
直接用 type 属性最简单，但必须注意嵌套结构是否合法，否则字母会重置为 A
type 属性怎么设大写/小写字母
在 <ol></ol> 标签里加 type="A" 或 type="a" 即可：
<ol type="A"> <li>第一项</li> <li>第二项</li> </ol>
浏览器会渲染为 A.、B.；换成 type="a" 就是 a.、b.。注意：type 只接受固定值：1、A、a、I、i，其他字符串（比如 "alpha"）无效。
常见错误现象：写了 type="upper-alpha" —— 这是 CSS 的值，HTML 的 type 不认。
嵌套时字母重置成 A？检查 <li> 里有没有漏掉 <ol></ol>
多级列表（比如 A. → 1. → a.）必须严格嵌套在 <li> 内部，子 <ol></ol> 不能脱离父 <li>：
- ✅ 正确：子
<ol></ol>是<li>的直接子元素 - ❌ 错误：子
<ol></ol>和父<li>并列，或放在父<ol></ol>外面
错误结构会导致浏览器把子列表当成全新独立列表，编号永远从 A 开始。正确写法示例：
<ol type="A">
<li>Section A
<ol type="1">
<li>Subpoint 1</li>
<li>Subpoint 2</li>
</ol>
</li>
<li>Section B</li>
</ol>
CSS 的 list-style-type 比 type 更可靠
HTML 的 type 属性已被部分现代框架或富文本编辑器忽略，推荐优先用 CSS 控制：
<ol class="alpha-list"> <li>Item one</li> <li>Item two</li> </ol>
对应样式：
.alpha-list {
list-style-type: upper-alpha;
}
支持的值和 type 一致，但更稳定，且能配合 counter-reset 实现复杂前缀（如 1.1、A-1）。注意：若同时用了 type 和 CSS，CSS 会覆盖 HTML 属性。
想跳过某项编号？用 value 属性手动指定
<li value="5"> 可强制该项显示为 5，后续项自动接续（6、7…），这对字母也有效：
<ol type="a"> <li>a. First</li> <li value="3">c. Third</li> <li>d. Fourth</li> </ol>
结果是 a.、c.、d.。但注意：value 的值必须是数字（即使 type="a"），浏览器按数字映射到对应字母（1→a、2→b、3→c…），不支持直接写 value="c"。
容易被忽略的一点：嵌套列表中，每个层级的计数器相互独立，value 只影响当前 <ol></ol> 内部逻辑，不会穿透到父或子层级。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
