css 伪类选择器 结构伪类
常用的:
:first-child
所有兄弟元素中的第一个
:last-child
所有兄弟元素中的最后一个
:nth-child(n)
所有兄弟元素中的第n个
:first-of-type
所有同类型兄弟元素中的第一个
:last-of-type
所有同类型兄弟元素中的最后一个
:nth-of-type(n)
所有同类型兄弟元素中的第n个
关于n的值:
- 0或不写:什么都不选中
- 2n或even:选中序号为偶数的子元素
- 2n+1或odd:选中序号为奇数的子元素
- -n+3: 选中的是前3个
:nth-last-child(n)
所有兄弟元素中的倒数第n个
:nth-last-of-type(n)
所有同类型兄弟元素中的倒数第n个
:only-child
选择没有兄弟的元素(独生子女)
:only-of-type
选择没有同类型兄弟的元素
:root
根元素
:empty
内容为空元素(空格也算内容)