例
すべてのの背景色を指定します<p>最後の子から数えて、その親の第二子である要素を:
p:nth-last-child(2)
{
background: #ff0000;
}
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
:nth-last-child( n )セレクタがあるすべての要素と一致するn最後の子から数えて、その親の、種類に関係なく、子目を。
n数、キーワード、または式とすることができます。
Tip:を見て:nth-last-of-type()ある要素を選択するセレクタn子番目、 of a specified type最後の子から数えて、その親のを。
バージョン: | CSS3 |
---|
ブラウザのサポート
表中の数字は完全にセレクタをサポートする最初のブラウザのバージョンを指定します。
セレクタ | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSSの構文
その他の例
例
奇数と偶数のインデックスが奇数または偶数である子要素を一致させるために使用できるキーワードです。
ここでは、最後の子から数えて、奇数と偶数のp要素のための2つの異なる背景色を指定します。
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
»それを自分で試してみてください 例
式を用いて( an + b ) 。 説明:周期のサイズを表し、 a nカウンタであり、 (starts at 0) 、そしてbオフセット値です。
ここでは、最後の子から数えて、インデックス3の倍数であるすべてのp要素の背景色を指定します。
p:nth-last-child(3n+0)
{
background: #ff0000;
}
»それを自分で試してみてください