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
  • CSS语法

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

    为每个<p>元素指定背景颜色,该元素是其父元素的第二个p元素:
    p:nth-of-type(2) {
      background: red;
    }
    尝试一下
  • 相关页面

    CSS教程:CSS伪类