Question

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

X.
Y.
Z.
AA.
BB.
CC.

到目前为止，我已经有了这个：

X.
Y.
Z.
AA.
AB.
AC.

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

任何人都知道如何处理此问题，而无需创建从BB开始的另一个<ol>？

有一个类似的问题，但答案并不完全存在。 How can you customize the numbers in an ordered list?

谢谢！ - Michael 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;
}

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

使用CSS计数器跳过项目

1 个答案: