| :avtive | 匹配被用户激活的元素（比如点击) |
| :disabled | 匹配处于不可用状态的可交互元素 |
| :empty | 匹配没有子元素的元素 |
| :first-child | 匹配在兄弟元素中处于第一的元素 |
| :first-of-type | 匹配在它的兄弟元素中是某个类型中的第一个的元素 |
| :blank | 匹配空的input |
| :checked | 匹配被选中的radio或者checkbox |
| :enabled | 匹配处于可用状态的可交互元素 |
| :focus | 匹配获取焦点的的元素 |
| :focus-visible | 匹配获取焦点且能被用户看到的元素 |
| :hover | 匹配用户在此悬停或者触摸的元素 |
| :invalid | 匹配处于不合法状态的元素，比如正则校验不通过 |
| :lang | 根据文档语言匹配元素 |
| :last-child | | 匹配在兄弟元素中处于最后的元素 |
| :last-of-type | 匹配在它的兄弟元素中是某个类型中的最后一个的元素 |
| :link | 匹配没有被访问过的链接 |
| :is() | 匹配符合结果的元素 |
| :not() | 匹配符合结果之外的元素 |
| :nth-child(n) | 匹配父元素的第n个子元素。n可以是一个数字、一个关键字或一个公式 |
| :nth-of-type(n) | 匹配父元素的某种类型元素中的第n个子元素。n可以是一个数字、一个关键字或一个 公式 |
| :nth-last-child(n) | 与nth-child()类似，从后往前数 |
| :nth-last-of-type(n) | 与nth-last-of-type-child()类似，从后往前数 |
| :only-child | 匹配没有兄弟元素的元素 |
| :only-of-type | 匹配一个元素，该元素是其兄弟元素中唯一的一个类型。 |
| :placeholder-shown | 匹配显示默认占位符的表单元素 |
| :required | 匹配内容为必填的表单元素 |
| :root | 匹配根元素 |
| :valid | 匹配处于合法状态的元素 |
| :target | 匹配符合当前url的锚点元素 |
| :visited | 匹配被访问过的元素 |
