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