Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:nth-last-of-type

概要

CSS の :nth-last-of-type 擬似クラス は、文書木内の自分より後ろに同じ要素名の an+b-1 個の兄弟要素を持ち、親要素を持つ要素にマッチします。ここで、n にはゼロか正の数が入ります。引数の構文について詳しい情報は、:nth-child をご覧ください。

構文

element:nth-last-of-type(an + b) { style properties }

次の HTML は...

    <div>
      <span>This span is first!</span>
      <span>This span is not. :(</span>
      <em>This one is odd. </em>
      <span>But this one is!</span>
      <strike>This is another type</strike>
      <span>Sadly, this one is not...</span>
    </div>

...この CSS を使うと...

    span:nth-last-of-type(2) {
      background-color: lime;
    }

...このように表示されます:

仕様

仕様書 策定状況 コメント
Selectors Level 4
The definition of ':nth-last-of-type' in that specification.
草案 変更無し
Selectors Level 3
The definition of ':nth-last-of-type' in that specification.
勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 4.0 3.5 (1.9.1) 9.0 9.5 3.2
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 2.1 1.0 (1.9.1) 9.0 10.0 3.2

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: ethertank, sosleepy
 最終更新者: ethertank,