CSS ::marker 伪元素：自定义列表标记的实用指南

用 <ul> 和 <ol> 做列表时，浏览器默认给每个 <li> 生成一个圆点或数字。这些标记在很长一段时间里没法直接改样式，想换颜色或图标只能把 list-style: none 去掉，再用 ::before 或背景图模拟。这种做法能实现效果，但标记不参与可访问性树，屏幕阅读器读列表项时可能丢掉了“这是一个列表”的语义。CSS ::marker 伪元素改变了这一点，它允许你直接控制 list-i