:last-child疑似クラス (E:last-child)｜セレクタ｜CSS HappyLife ZERO

トップページセレクタ :last-child疑似クラス (E:last-child)

:last-child疑似クラス (E:last-child)

最終更新：2009年7月 7日 13:16

CSS3で定義された:last-child疑似クラスは、ある要素内で最後に書かれている子要素にスタイルが適用されます。リストの場合ul要素内の最後のli要素に適用されるといった具合です。
ちなみに、CSS3で定義された疑似クラスの、:nth-last-child(1)と同じ扱いになります。

この疑似クラスは後から数えるだけで、:first-child疑似クラスと同じです。
同じですが、定義されたのがCSS3のため、IE8までは対応していません。

サンプル付きの説明に関しては、最初を最後に脳内変換して「:first-child疑似クラス」を参照してください。

対応ブラウザ

関連性が深いページ

セレクタのグループ化【CSSの基本】
優先順位・個別性・!important宣言【CSSの基本】
リンク擬似クラス（E:link, E:visited）【セレクタ】
ダイナミック擬似クラス（E:active, E:hover, E:focus）【セレクタ】
言語擬似クラス（E:lang(fr)）【セレクタ】
:first-child疑似クラス（E:first-child）【セレクタ】
:root疑似クラス（E:root）【セレクタ】
:nth-child()疑似クラス（E:nth-child(n)）【セレクタ】
:nth-last-child()疑似クラス（E:nth-last-child(n)）【セレクタ】
:first-of-type疑似クラス（E:first-of-type）【セレクタ】
:last-of-type疑似クラス（E:last-of-type）【セレクタ】
:nth-of-type()疑似クラス（E:nth-of-type(n)）【セレクタ】
:nth-last-of-type()疑似クラス（E:nth-last-of-type(n)）【セレクタ】
:only-child疑似クラス（E:only-child）【セレクタ】
:only-of-type疑似クラス（E:only-of-type）【セレクタ】
:empty疑似クラス（E:empty）【セレクタ】
ターゲット擬似クラス（E:target）【セレクタ】
UI要素状態擬似クラス（E:enabled, E:disabled）【セレクタ】
UI要素状態擬似クラス（E:checked）【セレクタ】
否定擬似クラス（E:not(s)）【セレクタ】

関連・参考サイト

著書（全て共著）