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

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

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

最終更新：2009年7月 5日 17:47

CSS3で定義された:nth-last-child()疑似クラスは、ある要素の隣接している子要素を最後から数えて、n番目にあたる要素にスタイルを適用します。
尚、n番目というのは隣接している要素になるので、間に別の要素が有ると適用されません。

この疑似クラスは後から数えるだけで、他は:nth-child()疑似クラスと同じです。
なので、詳細は「:nth-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）【セレクタ】
:last-child疑似クラス（E:last-child）【セレクタ】
:nth-child()疑似クラス（E:nth-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)）【セレクタ】

関連・参考サイト

著書（全て共著）