CSS常用子元素选择器-选择特定子元素

选择器	举例	举例说明
:nth-of-type(n)	p:nth-of-type(2)	选择其父级下的第二个p元素
:last-of-type	p:last-of-type	选择其父级下的最后一个p元素
:nth-child(n)	p:nth-child(2)	选择其父级下的第二个子元素
:nth-last-child(n)	p:nth-last-child(2)	选择其父级下的第二个子元素，从最后一个子项计数
:nth-last-of-type(n)	:nth-last-of-type(2)	选择其父级下的第二个p元素，从最后一个子项计数
:first-child	p:first-childp	选择其父级下的第一个子元素。
:last-child	p:last-child	选择其父级下的最后一个子元素。
:first-line	p:first-line	选择<p>元素中的第一行

注：n可以是数字，也可以是表达式

常用举例：

p:nth-child(n + 2)：除其父元素下的第一个p元素外所有p元素

p:nth-last-child(n + 2)：除其父元素下倒数第一个p元素外所有p元素。

2n：偶数

2n+1：奇数 

-n+4：第一个到第四个

3n：3的倍数，每三个取一次

注：nth-child(n)和：nth-of-type(n)的区别：

两者都可以选择其父元素下第n个子元素，但在子元素的类型上有所区分

p:nth-of-type(n)：其父元素下的第n个p元素

p:nth-child(n)：其父元素下的第n个且为p的元素，如果不是p，则选择失败