list - 複数のカウンターを含む CSS リストが正しくカウントされない

Question

2 つの異なるカウンターを持つ<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) ". "; 
}

このリストは、li.letteredアイテムを A.、B. などで適切にカウントします。ただし、li.numberedアイテムは常に「1.」で始まります。カウンター リセットの順序を に切り替えるとcounter-reset: numberCounter, alphaCounter;、数字は正しくカウントされ、文字は常に "A." で始まります。

私が読んだところによると、私はリストを適切に設定しましたが、どうやらそうではないようです。これについて何か助けはありますか？