具有多个计数器的CSS列表不正确计数
具有多个计数器的CSS列表不正确计数
提问于 2015-04-02 10:23:48
我有一个<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-items总是以"1.“开头。如果我将反重置的顺序切换到counter-reset: numberCounter, alphaCounter;，数字就会正确计数，字母总是以“A”开头。
从我所读到的，我正确地设置了这个列表，但是，显然不是。在这方面有什么帮助吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-04-02 14:09:19
好的，问题是counter-reset上两个计数器之间的逗号。在这种情况下，重置多个计数器的适当解决方案是：
counter-reset: numberCounter alphaCounter;W3C，12.4自动计数器和编号
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29410563
复制相关文章
相似问题
腾讯云开发者
