css - 使用 CSS 计数器跳过项目

Question

我正在使用 CSS 计数器来尝试构建这个有序列表：

X。
Y。
Z。
AA。
BB。
抄送。

到目前为止，我有这个：

X。
Y。
Z。
AA。
AB。
交流。

在 html 中，我必须跳过 26 个项目才能从 AA 到 BB，而不是从 AA 到 AB。显然，CSS 计数器没有考虑标签value="54"中的属性。<li>

任何人都知道无需创建另一个<ol>从 BB 开始的方法来处理这个问题吗？

有一个类似的问题，但答案并不完全存在。 如何自定义有序列表中的数字？

谢谢！- 迈克尔 M。

Answer 1

这是可行的方法：http: //jsfiddle.net/8PKjj/1/

ol {
    counter-reset: item 23;
    list-style: none;
}
li {
    position: relative;
}
li:before {
    counter-increment: item;
    content: counter(item, upper-alpha) '.';
    position: absolute;
    left: -2em;
}
li.big-jump:before {
    counter-increment: item 27;
}

这不是最漂亮的东西，但它是一个开始的地方。