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