list-style: none 有时不生效最常因选择器权重不足、作用对象错误（应设在ul/ol而非li）、被父容器或框架样式覆盖、display: flex/grid导致标记失效，或未重置padding-left/margin-left；推荐用list-style-type: none并配合padding-left: 0和margin-left: 0。
list-style: none 为什么有时不生效
最常遇到的情况是：写了 list-style: none，但圆点还在。这不是浏览器 bug，而是样式被更高优先级规则覆盖，或作用对象错了。
- 检查是否写在
li上——必须作用于ul或ol元素本身，li上设无效 - 打开开发者工具，看该属性是否被划掉；若被划掉，说明父容器（比如
.card-body）或框架（如 Bootstrap 的.list-group）有更强选择器重置了list-style -
ul被套在display: flex容器里时，部分旧版 Safari 可能残留极细缩进，看着像圆点没清干净，其实是padding-left没重置
list-style-type: none 和 list-style: none 的区别
两者都能去圆点，但影响范围不同，选错容易埋坑。
-
list-style-type: none只关符号，保留list-style-position和list-style-image，后续加自定义图标或调整标记位置更灵活 -
list-style: none是简写，等价于list-style-type: none; list-style-position: outside; list-style-image: none，会强行清掉所有子属性，如果父层设了list-style-image，它会被覆盖掉 - 多数场景推荐用
list-style-type: none，除非你明确要一并重置位置和图片
去掉圆点后为什么还有空白缩进
圆点没了，但左边还空一大块——这是浏览器默认的 padding-left 或 margin-left 在起作用，不是 CSS 没生效。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- Chrome 默认给
ul加padding-left: 40px，Firefox 和 Safari 可能用margin-left，行为不一致 - 仅设
list-style: none不会影响这些盒模型属性，必须显式重置：padding-left: 0和margin-left: 0 - 推荐组合写法：
.no-bullet { list-style-type: none; padding-left: 0; margin-left: 0; } - 避免用
* { list-style: none; }全局清，会破坏第三方组件内部列表语义
Bootstrap 里用 list-unstyled 要小心什么
list-unstyled 看似方便，但它不只是去圆点。
- 它同时清除
padding-left（对ul）和上下margin（对ol），导致列表项紧贴左边界、行距塌陷 - 导航菜单里嵌套
ul时盲目加list-unstyled，子菜单项会挤在一起，点击热区变小 - 如果只要去圆点但保留原始缩进，别用
list-unstyled，直接上list-style-type: none+ 手动重置padding -
.list-inline已内置list-style: none，但它只适配ul，对ol无效
真正麻烦的不是“怎么去掉圆点”，而是去掉之后缩进、间距、可访问性、框架干扰这几件事混在一起，稍不注意就连锁出问题。写样式时盯住 ul 元素本身，别绕到 li，也别指望一个声明解决所有事。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
