GIF动态图教学-CSS3语言7-伪类选择器(实例)

1、:first-child伪类选择器，表示第一项。li:first-child，表示应用所有ul列表下的第一项li标记样式。

2、:last-child伪类选择器，表示最后一项。li:last-child，表示应用所有ul列表下的最后一项li标记样式。

3、:nth-child(n)伪类选择器，表示对应项，n是1表示第一项，n是2表示第二项。li:nth-child(2)，表示应用所有ul列表下的第二项li标记样式。

4、li:nth-child(n+3)，表示应用所有ul列表下，从第三项开始应用到最后一项。

5、li:nth-child(-n+3)，表示应用所有ul列表下，从第三项开始应用到第一项。

6、li:nth-child(2n+1)，表示应用所有ul列表下，把li标记每2个合成一组，并应用组中的第1项，注意后面的1表示第1项，如果是2表示第2项，而不是表示应用样式2项。首先这种表达式有两个规则，用+号连接。2n表示把每2个合成一组，1表示第1项。以此类推，3n表示把3个合成一组，4n表示把4个合成一组。+号后面的数字表示第几项。