当然可以实现啦！你用@counter-style的思路是完全正确的，只是有些细节没调整到位，我来帮你修正并给出两种可行的方案：

方案一：用自定义计数器样式（推荐，适合现代浏览器） #

这种方法最简洁，能自动处理序号的递增，适合长列表。

首先是HTML结构（注意阿拉伯文单词间要加空格，排版更规范）：

<ul class="arabic-alphabet-list">
  <li>السطر الأول</li>
  <li>السطر الثاني</li>
  <li>السطر الثالث</li>
  <li>السطر الرابع</li>
</ul>

然后是CSS代码：

/* 定义阿拉伯字母序列的自定义计数器 */
@counter-style arabic-alphabet {
  system: alphabetic; /* 指定这是字母类的计数系统 */
  symbols: 'أ' 'ب' 'ت' 'ث' 'ج' 'ح' 'خ' 'د' 'ذ' 'ر' 'ز' 'س' 'ش' 'ص' 'ض' 'ط' 'ظ' 'ع' 'غ' 'ف' 'ق' 'ك' 'ل' 'م' 'ن' 'ه' 'و' 'ي'; /* 按顺序列出阿拉伯字母 */
  suffix: " "; /* 符号后面加空格，和文本分隔开 */
}

.arabic-alphabet-list {
  direction: rtl; /* 关键：阿拉伯文是从右到左排版，设置这个才能让符号和文本位置正确 */
  list-style: arabic-alphabet; /* 应用自定义计数器 */
}

方案二：用伪元素手动添加符号（兼容老浏览器） #

如果需要兼容IE这类不支持@counter-style的浏览器，可以用伪元素手动指定每个列表项的符号：

HTML结构：

<ul class="arabic-list-fallback">
  <li data-symbol="أ">السطر الأول</li>
  <li data-symbol="ب">السطر الثاني</li>
  <li data-symbol="ت">السطر الثالث</li>
  <li data-symbol="ث">السطر الرابع</li>
</ul>

CSS代码：

.arabic-list-fallback {
  direction: rtl;
  list-style: none; /* 去掉默认的列表符号 */
  padding-right: 1.5em; /* 给符号留出位置 */
}

.arabic-list-fallback li {
  position: relative;
  margin: 0.5em 0;
}

.arabic-list-fallback li::before {
  content: attr(data-symbol) " "; /* 读取data-symbol属性的值作为符号 */
  position: absolute;
  right: -1.5em; /* 把符号放在列表项的右侧（因为RTL排版） */
  font-weight: bold; /* 可选：让符号更突出 */
}

小提示 #

• 阿拉伯文排版一定要设置direction: rtl，否则符号和文本的位置会混乱
• 如果用有序列表<ol>代替<ul>，两种方案的代码都同样适用，效果一致

内容的提问来源于stack exchange，提问作者mj1261829