往期链接：CSS 之选择器

「CSS之选择器」

前言

我们还是进行上一篇的内容，继续我们的 CSS 选择器分类说明，今天要介绍的是我们的条件选择以及状态选择器，条件选择器，可能平时开发的时候接触的比较少，但是状态选择器，你肯定经常会遇到，尤其在表单的填写上，比如说：focus，：valid，接下来，就让我们看看具体有哪些选择器呢。

分类

条件选择器

| 选择器 | 说明 |

| --- | --- |

| :is | 指定条件的节点 |

| :has | 包含指定元素的节点 |

| :not | 非指定条件的元素 |

| :lang | 指定标记语言的节点 |

| :dir() | 指定编写方向的节点 |

| :where | 指定条件的节点 |

| :scope | 指定节点作为参照点 |

| :any-link | 所有包含 href 的链接节点 |

| :local-link | 所有包含 href 且属于绝对地址的链接节点 |

状态选择器

| 选择器 | 说明 |

| --- | --- |

| :link | 未访问的链接节点 |

| :focus | 输入聚焦的表单节点 |

| :valid | 输入合法的表单节点 |

| :blank | 输入为空的表单节点 |

| :past() | 已浏览的节点  |

| :target | 当前锚点的节点 |

| :paused | 暂停播放的媒体节点 |

| :visited | 已访问的链接节点 |

| :invalid | 输入非法的表单节点 |

| :future() | 未浏览的节点 |

| :playing | 开始播放的媒体节点 |

| :checked | 选项选中的表单节点 |

| :enabled | 事件启用的表单节点 |

| :current() | 浏览中的节点 |

| :required | 输入必填的表单节点 |

| :in-range | 输入范围以内的表单节点 |

| :optional | 选项可选的表单节点 |

| :disabled | 事件禁用的表单节点 |

| :read-only | 只读的表单节点 |

| :read-write | 可读可写的表单节点 |

| :user-invalid | 输入合法的表单节点 |

| :focus-within | 内部表单元素处于聚焦状态的节点 |

| :focus-visible | 输入聚焦的表单节点 |

| :out-of-range | 输入范围以外的表单节点 |

| :target-within | 内部锚点元素处于激活状态的节点

| :indeterminate | 选项未定的表单节点 |

| :placeholder-shown | 占位显示的表单节点 |

好，今天就到这里了，不行了，不行了，这表格拍的眼都花了，明天再写吧，拜了个拜！！！