前端技术学习之选择器（六）

七，结构性伪类选择器：nth-child(n)

:nth-child(n)选择器用来匹配某个父元素的一个或多个特定的子元素。

代码例子：

/*p:nth-child(2n+0)

{

background:#ff0000;

}

p:nth-child(odd)

{

background:#ff0000;

}*/

p:nth-child(even)

{

background:#0000ff;

}

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

运行效果：

备注：Odd和even是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是1）。使用公式(an+b)。描述：表示周期的长度，n是计数器（从0开始），b是偏移值。

：nth-last-child(n)和:nth-child(n)相似，但是多了个last，这个last代表从后向前，其他地方没差别。