: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;
    }

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

仕様

ブラウザ実装状況

関連情報

• :last-of-type