【CSS】箇条書きリストを入れ子構造にする方法!

リストの入れ子構造を作る方法について。

リストは

  • リンゴ
  • みかん
  • バナナ

という箇条書きのものだ。

リストの入れ子構造というのは

  • 果物
    • リンゴ
    • みかん
    • バナナ
  • 野菜

という感じで、階層が深くなる場合によく使う。

<ul>のあとは<li>しか取れない。

しかし、<li>の後はまた<ul>を取れるので、上記のようにリストの入れ子構造が出来るのだ。

関連記事はこちら!

【CSS】箇条書きの先頭記号を四角にするにはlist-style-type:squareを使う!

【CSS】箇条書きリストを横並びにするにはdisplay:flex;を使う!

おすすめの記事