我在这里有两种情况:使用列表样式和伪造元素增加希伯来字符。它看起来很好但是对于> 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>