最後からn番目の子要素にスタイルを適用する(同一要素のみ)
疑似クラス nth-last-of-type(n)
要素名:
{~}
親要素内で、セレクタに指定した要素と同一の要素のみを数えて、最後からn番目にある要素にスタイルを適用します。nには任意の数値や以下のキーワード、あるいは数式を指定できます。
odd | 奇数番目の子要素である要素にスタイルを適用します。2n+1と同じです。 |
---|---|
even | 偶数番目の子要素である要素にスタイルを適用します。2nと同じです。 |
セレクタの使用例
以下の例では、body要素内の最後に記述されたp要素に対してアイコンが表示されるようにスタイルを適用しています。
CSSbody p:nth-last-of-type(1){ padding-right:15px; background:(image/fin-icon.png) no-repeat right center; }