CSS3 Pre-Reference



:nth-last-of-type()

後ろから順番で指定したパターン・要素に合致

試す

コード

:nth-last-of-type(1) { }
p:nth-last-of-type(+2n+2) { }
div:nth-last-of-type(2n+4) { }
p:nth-last-of-type(-2n + 4) { }
p:nth-last-of-type(+3) { }
:nth-last-of-type(+3) { }

サンプル

○×と右側のOK/NGが合致していれば正しいです。

○?:nth-last-of-type(+3)

○p:nth-last-of-type(+3)

×div:nth-last-of-type(2n+4)
div以外はカウントしないので、まだ2番目

○p:nth-last-of-type(-2n + 4)

○?:nth-last-of-type(1)

○?:nth-last-of-type(1)

コメントする


対応ブラウザ

Firefox
3.5~
Chrome/Safari
Opera
InternetExplorer
9

パラメータ

レベル 3
参考文献 Selectors Level 3#6.6.5.5. :nth-last-of-type() pseudo-class

解説

順番で最後から数えてパターンに合致する要素を示す疑似クラスです。指定要素以外はカウントしません。要素が指定されていない場合の動作は未定義です。

括弧の間(「:nth-last-of-type(」と「)」の間)に 入れるパターンは”:nth-child()”と同様です。その他、詳しい情報は”:nth-child()”をご参考ください。

トラックバック

投稿されたコメント