使用 CSS 語法製作計數列表 / 有序列表

counter 計數器

範例 : counter

<div>
  <p>ABC</p>
  <p>DEF</p>
  <p>GHI</p>
  <p>JKL</p>
</div>

div {
  counter-reset: num;   /* 創建計數器 */
}

p::before {
  counter-increment: num;   /* 累加值 */
  content: "選項 " counter(num) ". ";
}

參考資料 :
MDN