css - 是否有等效于列表样式类型的 CSS 计数器？

Question

CSS 有一个很好的值集合list-style-type，有没有办法将它们用作 的值content: counter(steps)？

我想list-style-type: persian在计数器值中使用。

结果将是：

۱ // (one)
۲ // (two)
۳ // (three)
۴ // (four)
۵ // (five)
...

Answer 1

是的，该counter()函数将样式类型作为参数。语法如下：

counter() = counter( <ident> [, [ <counter-style> | none ] ]? )

body {
  counter-reset: divs;
}
div {
  counter-increment: divs;
}
div:before {
  content: counter(divs, persian);
}

<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>