CSS :nth-of-type() 选择器

定义和用法

:nth-of-type(n) 选择器匹配父元素的第n个特定类型的子元素。n可以是数字，关键字或公式。

提示：查看:nth-child()选择器，以选择其父级的第n个子元素，无论其类型如何。

特征	说明
CSS版本	CSS3

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

选择器	Internet Explorer	Chrome	FireFox	Safari	Opera
选择器名称
:nth-of-type()	9.0	4.0	3.5	3.2	9.6

:nth-of-type(number) {
  css declarations;
}

为每个<p>元素指定背景颜色，该元素是其父元素的第二个p元素：

p:nth-of-type(2) {
  background: red;
}

尝试一下