增加列表和伪造元素的希伯来字符

时间:2017-05-07 08:52:52

标签: html css

我在这里有两种情况:使用列表样式和伪造元素增加希伯来字符。它看起来很好但是对于> 9,使用伪元素,希伯来字符被颠倒。例如:11显示为אי而不是יא。

我是否知道如何使用伪列表获得完全相同的行为,就像我用list一样。

列表样式类型希伯来语

ol {
  list-style-type: hebrew;
  direction: rtl;
  text-align: right;
}
<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
  <li>11</li>
  <li>12</li>
  <li>13</li>
</ol>

增加伪元素的希伯来字符:

ol {
    text-align: right;
    counter-reset: num;
    float: left;
}
li {
    list-style-type: none;
    counter-increment: num;
    padding-bottom: 4px;
    text-align: right;
    position: relative;
}
li:before {
    content: '.' counter(num, hebrew);
    padding-left: 10px;
    text-align: right;
    position: absolute;
    width: 28px;
    right: -35px;
}
<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
  <li>11</li>
  <li>12</li>
  <li>13</li>
</ol>

0 个答案:

没有答案