如何创建以孟加拉语数字作为序号的HTML有序列表？

嘿，这事儿用HTML加CSS就能完美解决，给你两种实用方案，按需选就行：

方案1：基础实现（默认英文标点） #

如果只需要孟加拉语数字序号，不用改后面的标点，直接用CSS的list-style-type属性就能搞定，代码超简洁：

<ol style="list-style-type: bengali;">
  <li>আম</li>
  <li>জাম</li>
  <li>কাঁঠাল</li>
  <li>লিচু</li>
</ol>

这个代码会自动把列表序号换成孟加拉语数字（১、২、৩、৪...），不过默认的标点是英文的.。

方案2：自定义孟加拉语标点（完全匹配你的示例） #

要是想把序号后面的标点换成孟加拉语的।，可以用CSS的::marker伪元素自定义标记内容，推荐把样式抽出来方便复用：

<style>
/* 定义可复用的类 */
.bengali-numbered-list {
  list-style-type: bengali; /* 启用孟加拉语数字序号 */
}
/* 替换序号后的标点为孟加拉语的। */
.bengali-numbered-list li::marker {
  content: counter(list-item, bengali) ' । ';
}
</style>

<!-- 使用自定义类的有序列表 -->
<ol class="bengali-numbered-list">
  <li>আম</li>
  <li>জাম</li>
  <li>কাঁঠাল</li>
  <li>লিচু</li>
</ol>

这样渲染出来的效果就和你给的示例完全一致：১। আম、২। জাম...

小提醒 #

现代主流浏览器（Chrome、Firefox、Safari、Edge）都支持list-style-type: bengali和::marker伪元素，不用担心兼容问题。

内容的提问来源于stack exchange，提问作者Saleh Ahmad Oyon