CSS计数器用文字写出来

时间:2013-12-09 00:22:15

标签: css css-counter

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

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

结果是:

  

A部分

     

B节

如何设置计数器的样式以输出用英语写的数字?

  

第一节

     

第二节

我有一个通过jQuery的解决方案(使用字符串数组),但我希望 使用CSS。有没有办法在没有的情况下使用JavaScript?

1 个答案:

答案 0 :(得分:1)

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