使用希伯来语数字</ol>自定义<ol>编号

Question

我希望有一个使用希伯来字母数字的编号列表，这在希伯来语书籍中很常见。拉丁表示法使用数字0-9，而希伯来语则按字母顺序编号，但有一些例外，其中值在此处更改。我不知道这在CSS中是否可行，但也许是在JavaScript中。

我基本上喜欢这样的事情：

<ol>
  <li>First Line</li>
  <li>Second Line</li>
  <li>Third Line</li>
</ol>

变成这样的东西：

.hebrew-numeral {
  padding-left: 10px;   
}

<table dir="rtl">
  <tbody>
    <tr>
      <td class="hebrew-numeral">א</td>
      <td>First Row</td>
    </tr>
    <tr>
      <td class="hebrew-numeral">ב</td>
      <td>Second Row</td>
    </tr>
    <tr>
      <td class="hebrew-numeral">ג</td>
      <td>Third Row</td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/rfkrocktk/pFkd7/：

有没有办法在CSS或JavaScript中执行此操作？我可以像上面的例子一样使用一个表，但这真的是最好的方法吗？

Answer 1

您可以使用CSS的list-style-type: hebrew属性

轻松完成此操作

ol { list-style-type: hebrew; } 

<h1>Test</h1>
<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol>

请参阅此处的示例：http://jsbin.com/icehis/2

Answer 2

此外，您可以使用计数器和之前。见http://jsfiddle.net/Regisc/jxkqU/

ol {
    counter-reset: num;
    direction: rtl;
}
li {
    list-style-type: none;
    counter-increment: num;
    padding-bottom: 4px;
}
li:before {
    content: counter(num, hebrew);
    padding-left: 10px; 
}

结果：

在Chrome 16.0.912.4 dev上测试