javascript - 使用希伯来数字自定义 <ol> 编号

Question

我想要一个使用希伯来字母数字的编号列表，这在希伯来语书籍中很常见。拉丁表示法使用数字 0-9，而希伯来语是按字母顺序编号的，只有少数异常(exception)，值会发生变化。我不知道这在 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