CSS3:n番目の-最後の型()セレクタ
定義と使用法
:n番目の-最後の型(n)の逆数n番目の兄弟兄弟の同じタイプと一致するセレクタ。
nが数、キーワード、または式とすることができます。
ヒント:参照: :N番目-ラストチャイルド()セレクタ。セレクタは最後から二番目のn構造のサブ要素で親要素にマッチします
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
选择器 | |||||
---|---|---|---|---|---|
:nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
より多くの例
例1
奇数および偶数のサブ要素が使用されて一致するキーワードとして使用することができ、その指数が奇数か偶数です。
ここでは、奇数と偶数の逆数p要素のための2つの異なる背景色を指定します。
P:n番目の-最後の型(奇数)
{
背景:#FF0000の。
}
P:n番目の-最後の型(偶数)
{
背景:#0000FF;
}
{
背景:#FF0000の。
}
P:n番目の-最後の型(偶数)
{
背景:#0000FF;
}
»をお試しください
例2
式(+ b)は説明の使用:サイクルの代表的なサイズは、N(0から始まる)カウンタであり、Bはオフセットされています。
ここではすべてのインデックスが3 p要素の倍数である背景色の逆の順序を指定します。
p:nth-last-of-type(3n+0)
{
background:#ff0000;
}
{
background:#ff0000;
}
»をお試しください