可用type属性切换HTML有序列表编号样式，支持1、A、a、I、i五种值；嵌套时type可能失效，应改用CSS list-style-type或避免嵌套；起始编号用start属性，非数字起始需用CSS计数器。
如何用 type 属性切换编号样式
HTML 有序列表（<ol>）默认用阿拉伯数字（1, 2, 3），但可通过 type 属性快速切换为其他编号类型。这个属性直接写在 <ol> 标签上，不需 CSS 就能生效。
支持的值有：1（数字）、A（大写字母）、a（小写字母）、I（大写罗马数字）、i（小写罗马数字）。例如：
<ol type="A"> <li>第一项</li> <li>第二项</li> </ol>
渲染结果就是 A、B、C。注意：type 是 HTML 属性，不是 CSS 属性，别往 style 里写。
为什么 type 在嵌套列表里经常失效
当 <ol> 嵌套在另一个 <ol> 或 <ul> 内部时，部分浏览器（尤其是较新版本 Chrome/Firefox）会忽略子列表的 type，强制继承父级编号类型或按默认规则降级（比如外层是 A，内层自动变成 i）。
立即学习“前端免费学习笔记（深入）”；
这不是 bug，而是 HTML 规范允许的“样式继承行为”。可靠解法只有两个：
- 改用 CSS 的
list-style-type，并加!important强制覆盖（见下一条） - 避免深度嵌套，把逻辑拆成平级
<ol>+<div>容器
用 CSS list-style-type 更可控但要注意兼容性
相比 type 属性，CSS 的 list-style-type 支持更多值（如 lower-greek、upper-alpha），且不受嵌套影响。但它在旧版 IE（≤8）中对部分值不支持。
写法示例：
ol.greek { list-style-type: lower-greek; }对应 HTML：
<ol class="greek"> <li>α</li> <li>β</li> </ol>
关键点：
- 必须作用于
<ol>元素本身，不能只写li - 若和
type属性共存，CSS 优先级更高（除非被更具体的选择器覆盖） -
list-style-type: none会彻底隐藏编号，但<li>的内容仍保留缩进，需配合padding-left: 0调整
编号起始值用 start 还是 counter-reset
想让列表从 5 开始编号？用 start="5" 最简单：
<ol start="5"><li>这是第五项</li></ol>
但 start 只接受整数，无法实现 “iiii”、“ε” 这类非数字起始。此时必须用 CSS 计数器：
ol.roman {
counter-reset: item 3; /* 从4开始计（3+1）*/
}
ol.roman li {
counter-increment: item;
}
ol.roman li::before {
content: counter(item, lower-roman) ". ";
}注意：counter-reset 的初始值是“计数器重置为该值”，真正显示的是 counter-increment 后的结果，容易算错一档。
真实项目中，如果只要调整起始序号，start 足够；一旦涉及混合类型、跳号、或非阿拉伯数字起始，就得切到 CSS 计数器方案——它灵活，但也更容易漏掉 ::before 或写错 counter-increment 步长。
