list-style-type: none是最直接可靠的隐藏方式，需配合padding-left: 0清除缩进；验证是否被覆盖应检查Styles面板中list-style值及继承关系；部分隐藏用li:nth-of-type(n+6)更精准。
list-style-type: none 是最直接、最可靠的隐藏方式，其他方法要么破坏语义，要么引入冗余逻辑。
为什么 ol 突然不显示数字了？
多数情况不是“想隐藏”，而是意外被屏蔽：全局重置样式（如 * { margin: 0; padding: 0; }）常连带把 ol 的默认 list-style-type 也清掉了；更常见的是第三方 CSS（比如 layui、Bootstrap）显式写了 ol, ul { list-style: none; }。
验证是否被覆盖：打开浏览器开发者工具，选中 ol 或某个 li，在 Styles 面板里搜索 list-style，看是否有 none 值被高亮标记为“已应用”。
- 不要只检查
ol元素本身——父容器上写的list-style: none会继承到li - 注意 specificity：如果你自定义的规则写在引入框架 CSS 之前，会被覆盖，必须后置或加权重（如用
ol.my-list） -
display: flex或display: grid直接设在ol上，可能中断浏览器原生计数上下文（尤其旧 Safari）
list-style-type: none 和 list-style: none 有区别吗？
有。前者只禁用编号/符号类型，后者是复合属性，等价于同时设 list-style-type: none + list-style-position: outside + list-style-image: none。日常使用推荐 list-style-type: none，更精准，避免意外影响 position 或图片符号。
立即学习“前端免费学习笔记（深入）”；
但要注意：仅设 list-style-type: none 不会自动清除缩进。浏览器仍保留默认 padding-left（通常 40px 左右），导致文字左移、布局错位。
- 若要彻底“干净”隐藏，配套重置：
ol.no-num { list-style-type: none; padding-left: 0; } - 若需保持视觉对齐（比如和段落文本左边界一致），可设
padding-left: 1.2em模拟原始缩进 - 别用
margin-left: -40px这类负值硬拉——不同浏览器默认缩进值不一，响应式下易出问题
只想隐藏部分 li 的编号，比如前 5 项之后都不显示？
用 :nth-of-type(n + 6) 精准定位，而不是改整个 ol 的样式。这个伪类匹配从第 6 个 li 开始的所有后续项，不影响语义顺序，读屏器仍会正确播报“第 7 项”“第 8 项”。
关键点在于：必须用 ol，不能换成 ul；list-style-type: none 作用在 li 上，而非 ol。
- 正确写法：
.my-ol li:nth-of-type(n + 6) { list-style-type: none; } - 错误写法：
.my-ol li:nth-of-type(n + 6) { display: none; }—— 这会删内容，不是隐藏编号 - 错误写法：
.my-ol li:nth-of-type(n + 6) { counter-increment: none; }——counter-increment不接受none值，语法非法 - 别用
counter-reset+counter-increment模拟编号再手动控制——既绕远，又让读屏器无法识别原生序号逻辑
真正容易被忽略的是：隐藏编号 ≠ 放弃语义。只要结构是合法 ol > li，且没用 JS 动态破坏 DOM 顺序，辅助技术就能理解列表的线性逻辑。视觉上要不要显示数字，纯属样式层决策，不该牵扯 HTML 结构或 JS 计数。
