你能解釋一下，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>symbols() - CSS：層疊樣式表 | MDN
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/410715.html
標籤：