n番目など、リストの装飾でよく使う擬似クラスまとめリストでよく使いそうなものだけをピックアップしました。今回使うリストはこちら。class="checklist"><li>1,DummyText</li><li>2,DummyText</li><li>3,DummyText</li><li>4,DummyText</li><li>5,DummyText</li></ul>1.DummyText2.DummyText3.DummyText4.DummyText5.DummyText見やすいように少しだけCSSをいじっていますが、至ってシンプルなリストです。最初(最後)のliのみborderを表示しない見づらくなるので、このサンプルのみul{border:none}を指定しています。#3498db;}1.DummyText2.DummyText3.DummyText4.DummyText5.DummyText最後にこれだけ覚えてれば、とりあえずリスト周りの装飾はどうにでもなりそうです。ちなみに、最初のliだけborderを消したいとき、管理人は今まで全てのliにborder-topを指定してからli:first-child{border:none}で打ち消すという方法を使っていました...:not()を使ったほうがスマートに書けますね。【CSS】テキストの左右にボーダーを入れる方法Author名前:Leo26歳にしてようやくフリーターから脱却してWeb屋さんになった人。ライターみたいな事もするよ。あと雪国に住んでるけどバイクが好き。特技は後先考えずに突撃して自滅することです。