エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
リストの入れ子をもっと見易くする - 親方、空から覚え書きが!
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
リストの入れ子をもっと見易くする - 親方、空から覚え書きが!
現在の状態 UL, OL 要素は入れ子にする事が出来ます。この時、項目数や入れ子が多くになるにつれて、項... 現在の状態 UL, OL 要素は入れ子にする事が出来ます。この時、項目数や入れ子が多くになるにつれて、項目同士の親子・兄弟関係が見辛くなるかもしれません。 親兄弟関係を表す線を入れる そこで、項目同士の関係を表す線を入れます。線の表現は CSS でやりたいと思います。その為にルートとなるリスト要素に treeView というクラス名を付け、各リストの最後の LI 要素にも last というクラス名を割り振ります。 <ul class="treeView"> <li>2005年 <ul> <li>9月</li> <li>10月</li> <li>11月</li> <li class="last">12月</li> </ul> </li> <li class="last">2006年 <ul> <li>1月</li> <li>2月</li> <li>3月</li> <li>4月 <ul>