「这是我参与11月更文挑战的第十四天，活动详情查看：2021最后一次更文挑战」。

往期链接：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	占位显示的表单节点

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