その10・リスト

今日のCSS

ulが非順列リストで、olが順列リストなのです。

ul, ol {
 margin: 0.5em 1%;
}
li {
 margin: 0.5em 0;
}
ul, ul ul ul ul {
 list-style-type: disc;
}
ul ul {
 list-style-type: circle;
}
ul ul ul {
 list-style-type: square;
}
ol, ol ol ol ol {
 list-style-type: decimal;
}
ol ol {
 list-style-type: upper-roman;
}
ol ol ol {
 list-style-type: lower-roman;
}

リストの入れ子にすると、先頭の印が変わるのです。黒丸→白丸→四角→黒丸（以降ずっと黒丸）。順列リストだと、アラビア数字→ローマ数字→ローマ数字（小）→アラビア数字（以降はアラビア数字）。……もっと先まで指定したほうがいいか……？
例：

  • あ
    • あい
      • あいう
        • あいうえ
          • あいうえお
  1. か
    1. かか
    2. かき
      1. かきき
      2. かきく
        1. かきくけ
          1. かきくけこ

しかし、どうせこうやっていちいち書くなら、いちいち解説をつけたほうがもっとよいコンテンツになるんではないかね？とも思いはいたしますが、えーと。