根据提供的文件信息，这里将对CSS选择器进行详细介绍。CSS（层叠样式表）是一种用于定义HTML或XML文档中元素的外观的语言。选择器是CSS的核心部分，它们定义了哪些HTML元素应该应用样式规则。
### CSS选择器速查表
#### 1. 基础选择器
- **通配符选择器** (`*`)
- 应用于页面中的所有元素。
- **类型选择器** (`E`)
- 匹配文档中所有的`E`元素，例如`p`、`div`等。
- **类选择器** (`.classname`)
- 匹配所有具有指定类名的元素。
- **ID选择器** (`#idname`)
- 匹配具有指定ID的单个元素。
- **属性选择器** (`[attr]`)
- 匹配具有指定属性的所有元素。
- **伪类选择器** (`:pseudo-class`)
- 选择特定状态下的元素，如`:hover`、`:active`等。
- **伪元素选择器** (`::pseudo-element`)
- 选择元素的特定部分，如`::first-letter`、`::before`等。
#### 2. 结构性选择器
- **后代选择器** (`E F`)
- 匹配所有父元素为`E`的`F`元素。
- **子元素选择器** (`E > F`)
- 匹配所有直接子元素为`F`的`E`元素。
- **相邻兄弟选择器** (`E + F`)
- 匹配紧跟在`E`元素后面的`F`元素。
- **一般兄弟选择器** (`E ~ F`)
- 匹配位于同一父元素内的`E`元素后面的所有`F`元素。
#### 3. 属性选择器
- `[attr=value]`
- 匹配具有指定属性值的元素。
- `[attr~=value]`
- 匹配属性值包含指定单词的元素。
- `[attr|=value]`
- 匹配属性值等于或以前缀形式包含指定值的元素。
#### 4. 伪类选择器
- **用户行为选择器**
- `:hover`：鼠标悬停时。
- `:active`：被激活时。
- `:focus`：获得焦点时。
- **结构化伪类选择器**
- `:nth-child(n)`
- 匹配父元素的第`n`个子元素。
- `:nth-last-child(n)`
- 匹配父元素从后往前数的第`n`个子元素。
- `:nth-of-type(n)`
- 匹配相同类型的第`n`个子元素。
- `:nth-last-of-type(n)`
- 匹配相同类型从后往前数的第`n`个子元素。
- `:first-child`
- 匹配父元素的第一个子元素。
- `:last-child`
- 匹配父元素的最后一个子元素。
- `:only-child`
- 匹配作为其父元素唯一子元素的元素。
- `:first-of-type`
- 匹配相同类型的第一个子元素。
- `:last-of-type`
- 匹配相同类型的最后一个子元素。
- `:only-of-type`
- 匹配作为其父元素唯一同类型子元素的元素。
#### 5. 伪元素选择器
- `::first-line`
- 选择元素的第一行。
- `::first-letter`
- 选择元素的第一个字母。
- `::before`
- 在元素之前插入内容。
- `::after`
- 在元素之后插入内容。
#### 6. 其他选择器
- `:not(s)`
- 不匹配给定的选择器`s`。
- `:checked`
- 匹配被选中的`<input>`元素，通常用于复选框或单选按钮。
- `:enabled` 和 `:disabled`
- 分别匹配启用和禁用的表单控件。
- `:empty`
- 匹配没有子节点的元素。
- `:link` 和 `:visited`
- 分别匹配未访问和已访问的链接。
以上是对CSS选择器的详细总结，这些选择器可以单独使用也可以组合起来使用，以便更加精确地定位页面中的元素并应用样式。理解并熟练掌握这些选择器对于前端开发人员来说是非常重要的。
