css - 用文字写出的 CSS 计数器

Question

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

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

结果是：

A节

B节

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

第一节

第二节

我有一个通过 jQuery 的解决方案（使用字符串数组），但我希望只使用 CSS。有没有办法在不使用 JavaScript 的情况下做到这一点？

Answer 1

还没有。工作中有一个规范允许设置自定义字形和中继器，但它目前仍处于工作草案状态，我还不知道有任何浏览器支持它。我刚刚尝试了 Chrome 最新的 beta 版，它肯定没有，尽管当前版本已经超过 2 年，但MDN 似乎甚至还没有意识到它的存在。