CSS :nth-child() 选择器

• 

  定义和用法

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

  提示：查看:nth-​​of-type()选择器，以选择其父元素的特定类型的第n个子元素。

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

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

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

• 

  CSS语法

  :nth-child(number) {
    css declarations;
  }

• 

  实例

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

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

  尝试一下
• 

  相关页面

  CSS教程：CSS伪类