七,结构性伪类选择器: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代表从后向前,其他地方没差别。