[CSS]擬似クラス４つ「:first-child」「:last-child」「:first-of-type」「:last-of-type」ここ最近は、残暑も鳴りを潜めて気持ちのよい秋風を感じますね。少ししたら暑さがぶり返すんでしょうけれど… 私は秋が一番好きな季節なので、わくわくしています。 スタッフ「ほ」です。 さて、前回、前々回と擬似クラスをご紹介していますが、忘れちゃわないうちに、さらに畳み掛けていきます。 今回は、使い方が似ていることもあり、４つの擬似クラスを一気にご紹介していきます。 :first-child :last-child :first-of-type :last-of-type ひとつずつ見ていきましょう :first-child 擬似クラス :first-child擬似クラスは、一番最初の子要素が指定した要素だった場合に装飾を適用します。 文字にするとわかりづらいですねぇ…ひとつ例をあげましょう 【HTML】 <ul> <li>オレンジ</li> <li>バナナ</li> <li>ぶどう</li> <
![[CSS]擬似クラス４つ「:first-child」「:last-child」「:first-of-type」「:last-of-type」](https://cdn-ak-scissors.b.st-hatena.com/image/square/d65f706d1eaddb2940144622e3409c7ff09ea3ef/height=288;version=1;width=512/https%3A%2F%2Fwww.vanfu-vts.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F09%2Ffirst-last-child01.gif)
