更多"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;
}
试一试»