type属性在中仅支持1、a、a、i、i等有限取值，控制编号样式但不改变语义；需配合start属性指定起始数字，css list-style-type更灵活但优先级低于html type属性。
type 属性在 <ol></ol> 中的实际取值和效果
type 是 <ol></ol> 的原生属性，但它的行为受 HTML 规范限制，并非所有值都跨浏览器一致。主流取值有：1（阿拉伯数字，默认）、a（小写字母）、A（大写字母）、i（小写罗马数字）、I（大写罗马数字）。注意：这些值只控制编号样式，不改变列表项顺序或语义。
常见错误是写成 type="roman" 或 type="lower-roman" —— 这些在 HTML5 中无效，浏览器会忽略，回退到默认数字。
-
type="a"从a开始，连续生成a, b, c... -
type="I"从I开始，但超出MMMCMXCIX（3999）后行为未定义，实际中建议控制项数 ≤ 10 - IE 仍支持旧式值如
type="1"、type="A"，但不要混用大小写逻辑（比如type="a"和type="A"是不同序列）
为什么 start 和 type 要一起用才可靠
单独设 type="i" 只能保证样式，但起始编号默认是 1 → i。若想从第 5 项开始标为 v，必须配合 start="5"：
<ol type="i" start="5"> <li>这会显示为 v</li> <li>这会显示为 vi</li> </ol>
漏掉 start 是常见疏忽。例如用 type="A" 列出章节，却希望从 “C” 开始，不加 start="3" 就会从 “A” 开始，破坏文档结构。
-
start值始终是阿拉伯数字，哪怕type是字母或罗马数字 -
start会影响后续所有<li>的编号计算，包括嵌套<ol></ol>内的子项（除非子项显式重置） - 动态插入
<li>时，start不会自动更新；需 JS 手动调整ol.start属性
CSS list-style-type 比 HTML type 更灵活吗
可以，但要注意优先级和兼容性。CSS 的 list-style-type 支持更多值，比如 lower-alpha、upper-roman、decimal-leading-zero，甚至 none 或自定义符号。
但 HTML type 属性的优先级高于 CSS（HTML 属性 > 外部/内部样式 > 浏览器默认），所以如果同时写了 <ol type="A"></ol> 和 ol { list-style-type: lower-greek; }，前者生效。
- 想用 CSS 控制，就别写 HTML
type属性，否则会被覆盖或冲突 -
list-style-type: upper-roman在 Safari 15.4+ 才稳定支持，旧版 Safari 会回退为数字 - 若需完全自定义（如 “Step 1”、“Step 2”），CSS 的
counter()+::before是唯一可靠方案，type和list-style-type都做不到
嵌套有序列表里 type 的继承与重置
内层 <ol></ol> 不继承外层的 type —— 它默认仍是 1。这意味着嵌套时如果不显式设置，会出现 “1. 1. 1”、“1. 2. 1” 这类重复编号，语义混乱。
正确做法是每层都声明 type，且通常按层级选型：外层数字、中层字母、内层罗马数字。
<ol type="1">
<li>第一项
<ol type="a">
<li>子项 a</li>
<li>子项 b</li>
</ol>
</li>
<li>第二项
<ol type="i">
<li>子项 i</li>
</ol>
</li>
</ol>
- 嵌套时
start也需独立设置，外层start不影响内层起始值 - 用 CSS 实现嵌套样式更可控（如
ol ol { list-style-type: lower-alpha; }），但语义化不如 HTMLtype明确 - 屏幕阅读器对
type的播报较一致，而 CSSlist-style-type可能被部分读屏软件忽略
type 能处理超长列表或混合编号逻辑；它只是个轻量样式开关，真要复杂编号，得靠 JS 或 CSS counters。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
