CSS list-style-type 支持的符号

list-style-type 属性支持的符号主要分为无序列表符号、有序列表符号和其他特殊符号三类，以下是详细表格说明：

一、无序列表符号（Unordered List）

二、有序列表符号（Ordered List）

三、其他特殊符号

四、关键说明

1. 浏览器兼容性：

   • 主流浏览器（Chrome、Firefox、Edge、Safari）支持所有基础符号（如 disc、decimal、lower-roman 等）。
   • 部分特殊符号（如 cjk-ideographic、hebrew）可能需要特定字体支持。
   • 自定义字符串（如 ◆）需通过 ::marker 伪元素实现，而非直接使用 list-style-type: "◆"。

2. 推荐实践：

   • 简单需求：直接使用预定义值（如 square、lower-alpha）。
   • 复杂需求：通过 ::marker 自定义符号：

     ul li::marker {
       content: "◆";
       color: red;
     }
     

   • 多语言支持：使用 cjk-decimal 或 hiragana 等国际化符号。

3. 无效用法：

   • list-style-type: "◆" 无效，因该属性不支持直接传入字符串。
   • 需通过 ::marker 或 list-style-image 实现自定义符号。