学学css吧

1. :nth-child(n)

栗子:

规定属于其父元素的第二个子元素的每个 p 的背景色:








这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

注释:Internet Explorer 不支持 :nth-child() 选择器。

效果
学学css吧_第1张图片

p:nth-child(2)n表示父元素的第n个元素,即使p的上一个元素不为p元素,也要从父元素的第一个开始计数。

小结:
n 从1开始
n 可以是数字、关键词或公式。

CSS3 :nth-child() 选择器

你可能感兴趣的:(css,css3)