最可靠的方法是为 ul 和 ol 元素显式设置 list-style: none;，它能彻底移除标记、位置和类型；切勿作用于 li 或用负 margin 伪装，否则影响可访问性和布局一致性。
ul 和 ol 的 list-style 是罪魁祸首
浏览器默认给 <ul></ul> 加圆点、给 <ol></ol> 加数字，本质是 CSS 的 list-style 属性在起作用。去掉它最直接的办法就是显式设为 none，而不是靠 margin/padding 硬遮或用伪元素覆盖。
用 CSS 重置 list-style 最可靠
只写 list-style: none; 就够了，它会一并干掉标记（marker）、位置（position）和类型（type）。别漏掉对 <ol></ol> 的处理——很多人只想到 <ul></ul>，结果有序列表还在偷偷打数字。
- 必须作用于列表元素本身，比如
ul { list-style: none; }，写在li上无效 - 如果用了第三方 UI 库（如 Bootstrap），可能被它的默认样式覆盖，加
!important或提高选择器优先级 - Flex 或 Grid 布局下，
list-style依然生效，不用额外关掉 display
别用 margin-left 负值“假装”去掉了
有人试过 margin-left: -40px; 把圆点推出可视区，这会导致两个问题：一是缩进不一致（文字没对齐），二是屏幕阅读器仍会读出列表语义，无障碍体验变差。
- 圆点消失 ≠ 列表语义消失，真正要去掉的是视觉标记，不是结构
- 若真想彻底移除列表语义，应改用
<div> + <code><p></p>，但需同步调整 ARIA 属性 - 移动端 zoom 时，负 margin 可能让内容错位，
list-style: none没这问题 - 查 Can I Use 时重点看
list-style整体支持度，不是某个子属性 -
list-style-image设为空图也能“隐藏”，但多一次 HTTP 请求，且 fallback 不稳 - 如果项目要支持 IE11，
list-style: none依然完全 OK，不用降级方案
inline-list 之类的新特性还不能指望
CSS 新增的 list-style-type: none 已是标准，但像 list-style: inline 这类实验性值目前仅 Chromium 115+ 支持，Safari 和 Firefox 完全不认。别为了省一行代码赌兼容性。
立即学习“前端免费学习笔记（深入）”；
