html有序列表默认用数字编号，应使用css的list-style-type属性（如lower-alpha）替代已废弃的type属性来改为字母编号，因其标准、可控且语义正确。
HTML有序列表默认是数字，怎么改成字母？
直接改 type 属性就行，不用 JavaScript 或 CSS 伪元素模拟。但要注意：HTML5 中 type 在 <ol></ol> 上已**不被推荐**（obsolete），实际仍广泛支持，只是语义弱于 CSS 方案。
最稳妥、现代的做法是用 CSS 的 list-style-type 控制：
<ol style="list-style-type: lower-alpha;"> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>
-
lower-alpha→ a, b, c -
upper-alpha→ A, B, C -
lower-latin和upper-latin效果同上，但更符合可访问性规范（W3C 推荐） - 别用
type="a"写在 HTML 标签里，它在 XHTML/HTML5 中属于过时属性，部分校验器会警告
为什么 list-style-type: lower-alpha 有时不生效？
常见原因不是写错了，而是样式被覆盖或列表项没正确嵌套。
- 检查父容器是否设置了
list-style: none或重置了所有列表样式（比如某些 CSS 框架的 base.css） -
<li>必须直接放在<ol></ol>内，中间不能插<div> 或 <code><p></p>，否则浏览器可能中断计数逻辑 - 若用 Flex/Grid 布局强行改变
<li>排列，list-style-type仍生效，但编号位置可能错乱——此时应改用::marker精确控制
需要跳过某几项、自定义起始字母怎么办？
HTML 原生只支持数字型的 start 属性（如 start="3"），对字母无效。要实现 “从 d 开始”，必须用 CSS 计数器手动管理：
<ol class="alpha-from-d"> <li>这项应标为 d</li> <li>这项应标为 e</li> </ol>
对应 CSS：
.alpha-from-d {
counter-reset: item 3; /* a=1, b=2, c=3, d=4 → 所以设为 3，让第一个 li 显示 d */
}
.alpha-from-d li {
counter-increment: item;
}
.alpha-from-d li::marker {
content: counter(item, lower-alpha) ". ";
}
-
counter-reset的值是「前一个字母对应的序号」，不是起始字母本身 -
lower-alpha和upper-alpha可直接用于counter()第二参数 - 别漏掉
::marker，否则编号不会渲染；旧版 Safari 需加-webkit-前缀
兼容性与可访问性要注意什么？
视觉上看到字母编号，不等于屏幕阅读器能正确读出。关键点：
- 用原生
<ol><li></ol>结构，比用<div> + CSS 模拟更可靠——读屏软件依赖语义化标签识别列表关系<li>CSS <code>list-style-type在所有现代浏览器中都支持字母类型，包括 IE9+ - 如果用了
::marker，注意 IE 完全不支持，Edge 16+ 才开始支持；需降级 fallback（例如保留数字序号） - 避免把字母编号当成功能依赖（比如“请选选项 c”），因为用户可能关闭样式或使用高对比度模式，编号可能消失
字母排序本身不难，难的是让编号在各种设备、辅助工具和样式环境下保持一致且可理解。优先用语义化 HTML + 标准 CSS，而不是绕路 JS 或 hack。
