用文字写出的 CSS 计数器

Question

我使用 CSS 来计算 HTML 文档中的部分:

body {counter-reset: sect;}
section:before {
    counter-increment: sect;
    content: 'Section ' counter(sect, upper-alpha);
}

结果是:

Section A

Section B

如何设置计数器的样式以输出用英文书写的数字？

Section One

Section Two

我有一个通过 jQuery(使用字符串数组)的解决方案，但我希望仅使用 CSS。有没有办法不使用 JavaScript 来做到这一点？

Answer 1

还没有。有一个 spec in the works that allows setting custom glyphs and repeaters但它目前仍处于 working draft 状态，我还不知道有任何浏览器支持它。我刚刚尝试了 Chrome 最新的测试版，它肯定没有，而且 MDN doesn't even seem to be aware yet of its existence尽管当前版本已经超过 2 年了。