答案是list-style: none为唯一可靠方案，需同时作用于ul、ol、li以清除嵌套列表残留，并配合margin/padding重置缩进；list-style-type: none存在兼容与覆盖隐患，不推荐单独使用。
list-style: none 是唯一可靠方案
直接写 ul { list-style: none; } 或 ol { list-style: none; } 就能彻底去掉圆点或数字，这是语义正确、全平台兼容的正解。别用 display: inline-block 或 float 去“挤走”圆点——那只是视觉错觉，圆点仍在渲染树里，可能被屏幕阅读器误读。
常见错误是只清 ul 却漏掉 ol，或者只设在顶层容器，结果嵌套列表（比如二级菜单）里又冒出圆点。因为 list-style 不继承，子 ul 会恢复浏览器默认值。
- 要清干净，必须同时写：
ul, ol, li { list-style: none; } - 如果只想清某一块，用类选择器更安全：
.nav-menu ul, .nav-menu ol, .nav-menu li { list-style: none; } -
list-style: none是简写，它一并清掉list-style-type、list-style-position和list-style-image，不用额外补其他声明
去点后缩进残留怎么处理
去掉圆点后，ul 默认的 padding-left 和 margin 还在，看着像“空行”或文字贴边。要不要清，取决于场景：
- 纯图标导航（如侧边栏菜单）：建议连带重置：
ul { margin: 0; padding: 0; } - 文本型列表（如 FAQ）：保留
padding-left维持视觉节奏，只去点即可 - 别只清
padding-left——ul在部分浏览器还有margin-top和margin-bottom，一并归零更可控
为什么 list-style-type: none 不够用
list-style-type: none 看似精准，但实际有隐患：
- 它只禁用符号类型，不碰
list-style-image和list-style-position，若页面曾引入自定义图片标记，残留图像可能还在 - 某些老版 Safari 对
list-style-type: none支持不稳定，而list-style: none全版本稳 - 当第三方 CSS（比如框架样式）设置了
list-style-image，单靠list-style-type: none无法覆盖
所以真要保险，优先用 list-style: none，而不是拆开写。
别把 radio 按钮和列表搞混
list-style: none 对 <input type="radio"> 完全无效——单选按钮不是列表项，它的“圆点”是控件原生渲染，得用 appearance: none 剥离。
试图给 input[type="radio"] 加 list-style: none 不会产生任何效果，反而让人误以为样式没生效。这种混淆常出现在快速复制粘贴 CSS 时，尤其当项目里既有列表又有表单。
真正容易翻车的地方不在“去点”本身，而在去完之后没检查嵌套层级和缩进残留——二级菜单突然冒点、移动端文字顶到视口边缘，八成是这两处没收干净。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
