最稳妥的方法是 ul, ol { list-style: none; padding-left: 0; }，因 list-style: none 仅作用于 ul/ol 元素本身，不作用于 li，且需重置 padding-left 才能彻底消除缩进。
ul 和 ol 默认圆点/数字怎么去掉
直接用 list-style: none 就行，这是最通用、最干净的写法。它同时清除圆点、数字、字母和所有列表标记，不依赖具体标签类型。
- 必须作用在
ul或ol元素本身，写在li上无效 - 如果只去圆点但保留缩进，得额外加
padding-left: 0，否则部分浏览器（如 Safari）仍会留空隙 - 别用
list-style-type: none—— 它只清类型，不处理 marker 生成逻辑，某些旧版 Edge 下可能失效
需要保留内容缩进但去掉标记怎么办
纯文字列表去掉圆点后常塌到左边，视觉上难读。这时候不能只靠 list-style: none，得手动补间距。
- 推荐用
padding-left: 1.5em模拟默认缩进，比用margin-left更稳定（避免与外边距折叠） - 如果父容器用了
display: flex或grid，padding-left可能被忽略，改用gap或margin-inline-start - 慎用
text-indent：它只缩进第一行，多行文本会错位
内联列表（如导航菜单）去圆点的常见坑
把 li 设成 display: inline-block 或 inline 后，list-style: none 还得写在 ul 上，不是 li。
- 错误写法：
li { list-style: none }—— 无效，浏览器根本不解析 - 正确写法：
nav ul { list-style: none; padding: 0; margin: 0 } - 如果用了 CSS Reset（比如 normalize.css），确认它没把
ul的padding设成非零值，否则圆点没了但空白还在
用 JavaScript 动态插入的列表怎么同步去样式
JS 创建的 ul 或 ol 不会自动继承 CSS 规则，除非样式是全局生效的。
立即学习“前端免费学习笔记（深入）”；
- 确保你的 CSS 选择器足够宽泛，比如用
ul, ol { list-style: none }，而不是限定类名 - 如果用 Shadow DOM，样式需显式透传或使用
:host ::slotted(ul) - React/Vue 等框架里，只要 CSS 文件已加载且作用域没隔离，就不用额外操作；但若启用了 CSS Modules，得把
list-style写进对应模块的全局块里
padding-left 重置，尤其是移动端小屏下，缩进消失会让文字贴着屏幕边缘，看着像 bug 而不是设计。 
