CSSsymbols()函式中的字母和数字型别有什么区别？-编程知识-白鹭情

你能解释一下，css symbols() 函式中这两种型别有什么区别？当我分别尝试它们时，我没有看到任何区别，只有一个 - 编号从 0 开始，第一个符号不在串列中首先显示。

div {
  margin: 70px 70px;
}

ol {
  list-style: symbols(numeric "○" "●" "□")
}

<div>
  <ol>
    <li>item</li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
  </ol>
</div>

uj5u.com热心网友回复：

对于numeric，符号代表数字系统的数字，其中符号的数量代表基数。该串列从开始1，当它用完符号时，它继续到10。

ol {
  list-style: symbols(numeric "0" "1" "2" "3" "4" "5" "6" "7" "8" "9");
}

<div>
  <ol>
    <li>item</li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
  </ol>
</div>

对于alphabetic，串列的构造方式相同，但没有假设第一个符号代表0。当串列中的符号用完时，它会继续使用00而不是10。

ol {
  list-style: symbols(alphabetic "0" "1" "2" "3" "4" "5" "6" "7" "8" "9");
}

<div>
  <ol>
    <li>item</li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
    <li>item </li>
  </ol>
</div>