1. 概述
CSS Selectors Level 4 是 Cascading Style Sheets (CSS) 的一个模块，定义了一系列用于选择HTML和XML文档中元素的选择器。新的版本（Level 4）对已有的选择器进行了扩展并引入了一些新的选择器。本文将盘点 CSS Selectors Level 4 中新增的选择器，并对其进行详细介绍。
2. :matches() 选择器
:matches() 选择器允许将多个选择器以逗号分隔的方式组合起来，用于选取满足其中任意一个选择器的元素。
2.1 :matches() 例子
下面是一个使用 :matches() 选择器的例子，选取了 class 为 "red" 或者 "blue" 的元素：
:matches(.red, .blue) {
color: red;
}
上述代码将会将选择器中匹配的元素的文本颜色设置为红色。
3. :not() 选择器
:not() 选择器用于排除指定的元素，只选择不满足括号替换列表中任何一个选择器的元素。
3.1 :not() 例子
:not(p) {
font-weight: bold;
}
这个例子中，所有不是 <p> 元素的元素都会应用粗体字体样式。
4. :any-link 选择器
:any-link 选择器用于匹配任何可点击的链接，包括未访问过、已访问过和鼠标悬停状态下的链接。
4.1 :any-link 例子
下面的例子中，将未访问过的链接的颜色设置为红色：
:any-link {
color: red;
}
访问过和鼠标悬停状态下的链接也会应用红色颜色。
5. :current 选择器
:current 选择器用于匹配当前正在显示的元素。主要用于样式化导航或菜单等。
5.1 :current 例子
下面的例子中，将当前正在显示的导航链接的颜色设置为红色：
nav a:current {
color: red;
}
这样在导航中，当前页面对应的链接会被突出显示。
6. :blank 选择器
:blank 选择器用来匹配当前值为空的元素（例如 input、textarea 等）。注意，如果元素设置了 placeholder，该元素仍然不会被匹配。
6.1 :blank 例子
下面的例子中，将空的 input 元素的背景颜色设置为黄色：
input:blank {
background-color: yellow;
}
这样，当用户未输入任何内容时，输入框会以黄色背景显示。
7. :has() 选择器
:has() 选择器用于选取包含指定选择器的元素。与 :matches() 选择器类似，但 :has() 选择器是根据包含关系进行选择的。
7.1 :has() 例子
下面的例子中，选取包含 class 为 "highlight" 的元素：
p:has(.highlight) {
background-color: yellow;
}
这样，包含 "highlight" class 的段落会以黄色背景显示。
8. 总结
本文对 CSS Selectors Level 4 中新增的选择器进行了详细介绍。包括 :matches()、:not()、:any-link、:current、:blank 和 :has() 等选择器。这些新的选择器为开发者提供了更多灵活和强大的选择元素的方式，可以更精确地控制文档的样式。熟练掌握这些新的选择器，将有助于提高开发效率。