<h2>引用でリスト表示が崩れるのを直した、ネストした要素のスタイルをループで表現したい</h2>
<h3>引用でリスト表示が崩れるのを直した</h3>
<p><a href="https://github.com/tagucch/random.tagucch.dev/commit/4a279be03bc36aada58383a7be2f32581645bb84">引用時のリストのスタイルを修正 · tagucch/random.tagucch.dev@4a279be</a></p>
<h3>ネストした要素のスタイルをループで表現したい</h3>
<p>リストで並べるときの点をネストの深さで変えたいんだけどどうすればいいか分からない。</p>
<pre><code class="language-.md">- aaa
  - bbb
    - ccc
      - ddd
      ...
</code></pre>
<p>リストをネストする場合、深さによってリストの先頭のマーカーが変わるものが多い気がする。</p>
<blockquote class="twitter-tweet" data-partner="tweetdeck"><p lang="ja" dir="ltr">Simplenoteはネスト3つめ以降はマーカーが一緒なのか <a href="https://t.co/PwRJ5G74sV">pic.twitter.com/PwRJ5G74sV</a></p>&mdash; tagucch (@tagucch) <a href="https://twitter.com/tagucch/status/1490005640281948164?ref_src=twsrc%5Etfw">February 5, 2022</a></blockquote>
<p>自分が普段使っているSimplenoteは↑のような感じで、3回ネストしたらそれ以上は同じマーカーが使われている。</p>
<p>このサイトも現状そんな感じなんだけど、どこかで「マーカーの種類がループする」ような仕様を見たことがある気がしている(勘違いかもしれないけど)</p>
<p>3種類くらいのマーカーがネストの深さによってループする感じなんだけど、これってCSSで実装できるのか……？</p>
