:nth-last-of-type() クラス

　:nth-last-of-type() クラスは、後ろから数えて該当するエレメントにスタイルを反映する擬似クラスです。後ろから何番目かは、カッコ内で番号、キーワード、式により指定します。

　前から数える場合は、:nth-of-type() クラスを利用します。

>div :nth-last-of-type( 2 ){
	background-color: #ccc;
}

詳しくは Example を参照してください。

　上記の例は、div エレメントの複数ある子エレメントのうち、後ろから数えて２番めに該当するエレメントが対象になります。

:nth-last-of-type() クラスについて

:nth-last-of-type()における数値例

　キーワード指定には以下のような奇数番号、偶数番号指定があります。

:nth-last-of-type()におけるキーワード例

　式はAn+Bが設定されています。Aｎによって何番飛びかを指定します。
　3nでは３番毎にという意味です。
　BはAｎを基準にそこから何番目かを指定します。ただし、Bがある場合はn=0番目から数えます。

:nth-last-of-type()における式の例

　似た疑似エレメントに:nth-last-child()があります。 :nth-last-child()の場合は、複数の同じエレメンの中で後ろから数えて何番目かになります。

HTMLElement:nth-last-of-type() {
  style_propat: value;
	...
}

　疑似クラスはDOM ( JavaScript )から操作できません。

　スタイルのみの操作は擬似クラスを利用したほうが簡易です。

　:nth-last-of-type()の例です。divの子エレメント中で、複数ある子エレメントの後ろから数えて偶数個目の背景色が設定さます。