list-style-type 稳定可用值为 square、decimal、disc、circle；hebrew/georgian 等语言值兼容性差，移动端易降级；失效主因是 list-style: none 覆盖或选择器未作用于 ul/ol 容器。
list-style-type 支持哪些值？哪些能真正用在实际项目里
直接说结论：list-style-type 能设成 square、decimal、disc、circle 这些是稳的；但像 hebrew 或 georgian 这类语言相关值，浏览器支持不一，移动端尤其容易 fallback 成 decimal 或直接失效。
常见错误现象：写了 list-style-type: square; 却没生效——大概率是父元素用了 list-style: none; 覆盖了，或者用了 ul 但 CSS 选择器只写了 li，漏掉了容器。
-
ul默认是disc，ol默认是decimal，改之前先确认你改的是哪个元素 -
square和circle是最安全的图形类值，所有现代浏览器包括 iOS Safari 都支持 -
decimal-leading-zero看似有用，但 Android WebView 旧版本会忽略，慎用于需要兼容低端设备的场景
为什么有时候 list-style-type 设了也不显示方块或数字
根本原因不是属性写错了，而是它被其他样式“吃掉”了。CSS 中 list-style 是复合属性，只要写了 list-style: none; 或 list-style: url(...);，就会把 list-style-type 的设置清空。
使用场景：常出现在重置样式（如 normalize.css）或 UI 框架（如 Bootstrap）里，它们默认给 ul 和 ol 加了 list-style: none;。
立即学习“前端免费学习笔记（深入）”；
- 检查 computed styles，看
list-style最终值是不是none - 优先用
list-style: square inside;这种完整写法，比单独设list-style-type更可靠 - 如果用了自定义图标（
list-style-image），list-style-type会被完全忽略，别混着用
想让数字列表从 5 开始编号，光靠 list-style-type 不行
list-style-type 只管“长什么样”，不管“从几开始”。要控制起始序号，得用 start 属性，它是 HTML 原生属性，不是 CSS。
性能影响几乎没有，但兼容性要注意：start 在 IE 完全不支持，不过现在基本不用考虑。更大的坑是 React/Vue 等框架中动态渲染列表时，容易忘记把 start 当作 prop 传进去。
- 写法是
<ol start="5"><li>...</li></ol>，不是style="start: 5;" - CSS 里没有等效替代方案，
counter-reset虽然能实现，但复杂得多，且对屏幕阅读器不友好 - 如果列表是 JS 动态生成的，确保
start值随数据逻辑更新，别硬编码死
用 background-image 模拟项目符号更灵活，但别滥用
当 list-style-type 满足不了设计需求（比如要带颜色渐变的方块、图标+文字组合），就得放弃原生项目符号，改用 background-image + padding-left 手动模拟。
这么做会让列表语义变弱，屏幕阅读器可能读不出“这是第几项”，而且缩进、对齐、换行都得手动调，稍不注意就错位。
- 必须加
list-style: none;清掉原生符号，否则会叠加显示 -
background-position推荐用left center而非像素值，避免字体大小变化时偏移 - 如果要支持暗色模式，
background-image的 SVG 需内联 base64 或用prefers-color-scheme切换，不能依赖外部文件
list-style-type——设计越简单，它越可靠；一旦要微调位置、颜色、响应式缩放，很快就会撞上它的边界。 
