#

:nth-child

:nth-child(1)

选择父元素中的第一个子元素

:nth-child(2n)

• n 代表的是任意正整数和 0
• 是父元素中的第偶数个子元素
• 和 :nth-child(even) 同义

:nth-child(2n+1)

• n 代表的是任意正整数和 0
• 是父元素中的第奇数个子元素
• 和:nth-child(odd)同义

:nth-child(-n+2)

代表前两个子元素

:nth-last-child

:nth-last-child()的语法和**:nth-child()类似，但是:nth-last-child()**是从最后一个子元素开始向前计数

• :nth-last-child(1) 代表倒数第一个子元素
• :nth-last-child(-n+2) 代表最后两个子元素

:nth-of-type

:nth-of-type()计数时只计算同种类型的元素

:nth-last-of-type()

使用方法和:nth-of-type()类似，但是:nth-last-of-type()是从最后一个这种类型的子元素开始向前计数

其它常见的伪类

• :first-child 等同于 :nth-child(1)
• :last-child 等同于 :nth-last-child(1)
• :first-of-type 等同于 :nth-of-type(1)
• :last-of-type 等同于 :nth-last-of-type(1)
• :only-child 是父元素中的唯一一个子元素
• :only-of-type 是父元素中唯一一个这种类型的元素
• :root 根元素，就是 HTML 元素 (重要)
• :empty 代表里面完全空白的元素 (重要)

否定伪类

格式是 :not(x)

• x 是一个简单选择器
• 元素选择器、通用选择器、属性选择器、类选择器、id 选择器、伪类(否定伪类)
• 表示的是除了 x 之外的元素
• 例如： .box:not(.c)