HTML5已废弃ol的type属性，应改用CSS的list-style-type（如lower-alpha）控制字母序号；需用counter-reset/counter-increment实现自定义起始字母，并配合::before伪元素显示；嵌套列表需单独重置样式。
ol type="a" 为什么没生效
直接写 <ol type="a"> 在现代浏览器里大概率不显示小写字母，不是你代码写错了，而是 HTML5 已废弃 type 属性对 <ol> 的支持。浏览器会忽略它，回退到默认的阿拉伯数字序号。
用 CSS 的 list-style-type 替代 type 属性
必须用 CSS 控制序号样式，HTML 层面只保留语义化的 <ol>，样式交给 list-style-type：
ol {
list-style-type: lower-alpha;
}注意几个关键点：
-
lower-alpha对应小写字母（a, b, c…），upper-alpha是大写 - 不能写成
list-style-type: a—— 这是无效值，浏览器会忽略 - 如果只想局部生效，给
<ol>加 class，比如<ol class="alpha-list">，再写.alpha-list { list-style-type: lower-alpha; }
需要自定义起始字母怎么办
比如想从字母 d 开始（d, e, f…），不能靠 type，得用 CSS 的 counter-reset 和 counter-increment：
立即学习“前端免费学习笔记（深入）”；
ol.custom-alpha {
list-style: none;
counter-reset: alpha-counter 3; /* 0=a, 1=b, 2=c, 3=d */
}
ol.custom-alpha li::before {
content: counter(alpha-counter, lower-alpha) ". ";
counter-increment: alpha-counter;
}这里容易踩坑：
-
counter-reset的数值是“起始序号减 1”，counter-reset: alpha-counter 3表示第 1 项从 4 开始计数，对应字母d - 必须配合
::before伪元素手动插入序号，否则看不到任何编号 - 如果用了
list-style: none，又忘了加::before，列表就彻底没序号了
兼容性与可访问性提醒
lower-alpha 在所有现代浏览器都支持，包括 IE8+；但 screen reader（读屏软件）是否把字母序号正确朗读，取决于具体实现和浏览器组合。如果内容逻辑依赖序号顺序（比如“请按步骤 a、b、c 操作”），建议在文本中显式写出字母，别只靠视觉序号。
真正麻烦的是嵌套列表——<ol> 里套 <ol> 时，子列表默认继承父级的 list-style-type，得单独重置，不然可能全变成字母。这点很容易被忽略，直到 QA 提 bug 才发现第二层也变字母了。
