Open26

ブログネタ

としひでとしひで

https://www.granfairs.com/blog/staff/css-ol-styling-with-counter
https://uruchikara.jp/how-to-use-css-list-style-type/#3-2-2decimal-leading-zero
https://developer.mozilla.org/ja/docs/Web/CSS/::marker
https://blog.websuccess.jp/archives/2711/

↑リスト番号をカッコ付きで表示したい時、上記記事にあるようなbefore擬似要素を使う方法は記述も増えるしカッコよくない。多分一番スマートなやり方は

ol {
  li{
    counter-increment: cnt;
    &::marker{
      content: "（"counter(cnt)"）";
    }
  }