树结构关系伪类选择器:root 伪类表示树的根元素，在选择器是针对完整的 HTML 文档情况，我们一般用 HTML 标签即可选中根元素。但是随着 scoped css 和 shadow root 等场景出现，选择器可以针对某一子树来选择，这时候就很需要 root 伪类了。:empty 伪类表示没有子节点的元素，这里有个例外就是子节点为空白文本节点的情况。:nth-child 和 :nth-last-child 这是两个函数型的伪类，CSS 的 An+B 语法设计的是比较复杂的
链接与行为伪类选择器链接与行为是第一批设计出来的伪类，也是最常用的一批。:any-link 表示任意的链接，包括 a、area 和 link 标签都可能匹配到这个伪类。:link 表示未访问过的链接， :visited 表示已经访问过的链接。:hover 表示鼠标悬停在上的元素。:active 表示用户正在激活这个元素，如用户按下按钮，鼠标还未抬起时，这个按钮就处于激活状态。:focus 表示焦点落在这个元素之上。:target 用于选中浏览器 URL 的 hash 部分所指示的元素。在 Selector Level 4 草案中，还引入了 target-within、focus-within 等伪类，用于表示 target 或者 focus 的父容器。 此文章为8月Day17学习笔记，内容来源于极客时间《重学前端》，强烈推荐该课程！
