## CSS 选择器### 简介CSS 选择器用于选择你HTML文档中想要设置样式的元素。想象一下你拿着画笔，想要给网页上的某些部分涂上颜色，选择器就是告诉你“给哪些部分涂色”的工具。### 选择器类型#### 1. 基本选择器

标签选择器:

直接使用 HTML 标签名作为选择器，例如 `p` 选择所有 `

` 元素。```cssp { color: blue; }```

类选择器:

以 `.` 开头，后面跟着类名，例如 `.highlight` 选择所有 class 属性包含 "highlight" 的元素。```html

这段文字会被高亮

``````css.highlight { background-color: yellow; }```

ID 选择器:

以 `#` 开头，后面跟着 ID 名，例如 `#header` 选择 ID 为 "header" 的元素。每个页面中，ID 应该是唯一的。```html

``````css#header { font-size: 2em; }```

通用选择器:

使用 `

` 选择所有元素。```css

{ margin: 0; padding: 0; }```#### 2. 组合选择器

后代选择器:

使用空格分隔两个或多个选择器，例如 `div p` 选择所有在 `