:nth-last-of-type(n) セレクタは、最後の子から数えて、その親の特定のタイプの n 番目の子である全ての要素を選択します。
チップ: 親のタイプに関係なく後から n 番目の子である全ての要素を選択するには、 :nth-last-child() セレクタを使用します。
:nth-last-of-type(n|even|odd|formula)
パラメータ | 説明 |
---|---|
n | それぞれの子にマッチさせるためのインデクス。 数値でなければならない。先頭の要素のインデクス番号は 1。 |
even | 偶数番目の子要素を選択する |
odd | 奇数番目の子要素を選択する |
formula | 式(an + b)で選択された子要素を指定する。 例:p:nth-last-child(3n+2) は、最後から 2 番目のパラグラフから開始して、それぞれ 3 番目のパラグラフを選択します |
全 <div> 要素の後から1番目の <p> 要素である各 <p> 要素を選択
全 <div> 要素の後から1番目の <p> 要素である各 <p> 要素を選択する方法。
式(an + b)の使用
最後の子から数えて、いろいろな子要素を選択するために、式(an + b)を使用する方法。
"even" と "odd" の使用
最後の子から数えて、いろいろな子要素を選択するために even と odd を使用する方法。
:nth-child()、:nth-last-child()、:nth-of-type()、:nth-of-last-type() の間の違い
p:nth-child(2)、p:nth-last-child(2)、p:nth-of-type(2)、p:nth-of-last-type(2) の間の違い。