CSSのcounterで自動連番

自分用メモです

参考サイト
counter-increment
CSSのcounter-incrementを使って簡単に自動で連番をつける方法
自動で連番付与できるCSS。counter-incrementの使い方

基本の記述

CSS

ul li {
  counter-increment: title;
}
ul li h2::before {
  content: counter(title);
}

数字が増えない場合

CSS

body{counter-reset:title;}