有多個櫃檯CSS名單不算數正確

Question

我有一個<ul> -list有兩個不同的計數器：

ul.numbered { 
    counter-reset: alphaCounter, numberCounter; 
} 

ul.numbered li.numbered, 
ul.numbered li.lettered { 
    padding-left: 1.8em; 
} 

ul.numbered li.numbered:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    counter-increment: numberCounter; 
    content: counter(numberCounter, decimal) ". "; 
} 

ul.numbered li.lettered:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    counter-increment: alphaCounter; 
    content: counter(alphaCounter, upper-alpha) ". "; 
} 

這份名單與A，B等適當計數li.lettered -items。但li.numbered-項目始終以「1」開頭。如果將計數器復位的順序切換爲counter-reset: numberCounter, alphaCounter;，則數字將正確計數，並且字母始終以「A.」開頭。

從我閱讀的內容中，我正確地設置了列表，但是，顯然沒有。對此有何幫助？

Answer 1

好，問題是上counter-reset兩個計數器之間的逗號。在這種情況下，復位多個計數器正確的解決辦法是：

counter-reset: numberCounter alphaCounter; 

W3C, 12.4 Automatic counters and numbering