更多"Try it Yourself"下面的例子。
定義和用法
的:nth-of-type( n )選擇的每個元素是匹配n個孩子，一個特定類型的，其母公司的。
n可以是一個數字，一個關鍵字，或公式。
Tip:看：第n個孩子（）選擇器選擇是這樣的元素n個孩子， regardless of type ，其母公司。
| 版： | CSS3 |
|---|
瀏覽器支持
在表中的數字指定完全支持選擇第一瀏覽器的版本。
| 選擇 | |||||
|---|---|---|---|---|---|
| :nth-of-type() | 4 | 9 | 3.5 | 3.2 | 9.6 |
CSS語法
更多示例
例
可用於匹配的子元素索引為奇數或偶數的奇數和偶數是關鍵字(the index of the first child is 1)
在這裡，我們指定奇數和偶數p元素兩種不同的背景色：
p:nth-of-type(odd)
{
background: #ff0000;
}
p:nth-of-type(even)
{
background: #0000ff;
}
試一試» 例
使用公式( an + b ) 。 說明： a代表一個週期的大小， n是一個計數器(starts at 0)並且b是偏移值。
在這裡，我們為所有p元素，其指數是3的倍數背景色：
p:nth-of-type(3n+0)
{
background: #ff0000;
}
試一試»