1. 元素选择器：选择HTML文档中的所有指定元素。例如，`h1` 选择所有 `` 元素。2. 类选择器：选择具有指定类名的元素。类名由一个点（`.`）和一个或多个字母、数字、下划线或连字符组成。例如，`.myclass` 选择所有类名为 `myclass` 的元素。3. ID选择器：选择具有指定ID的元素。ID由一个井号（``）和一个或多个字母、数字、下划线或连字符组成。例如，`myid` 选择ID为 `myid` 的元素。4. 后代选择器：选择指定元素的后代元素。例如，`ul li` 选择所有 `` 元素的 `` 后代元素。5. 子选择器：选择指定元素的直接子元素。例如，`ul > li` 选择所有直接子元素为 `` 的 `` 元素。6. 相邻兄弟选择器：选择紧接在指定元素后的相邻兄弟元素。例如，`h1 p` 选择紧接在 `` 元素后的 `` 元素。7. 通用兄弟选择器：选择指定元素后的所有兄弟元素。例如，`h1 ~ p` 选择所有在 `` 元素后的 `` 兄弟元素。8. 属性选择器：选择具有指定属性的元素。例如，`` 选择所有 `href` 属性值为 `http://example.com` 的元素。9. 伪类选择器：选择特定状态的元素。例如，`:hover` 选择鼠标悬停时的元素，`:visited` 选择已访问的链接。10. 伪元素选择器：选择元素的一部分。例如，`:firstletter` 选择元素的第一个字母，`:before` 在元素内容之前插入内容。11. 组合选择器：使用逗号（`,`）分隔的选择器列表。例如，`h1, h2, h3` 选择所有 ``、`` 和 `` 元素。

这些选择器可以单独使用，也可以组合使用，以创建更复杂的选择规则。

CSS 选择器全解析：掌握网页样式控制的关键

```css

color: blue;

font-size: 16px;

类选择器

类选择器简介

类选择器通过元素的`class`属性来选择元素。它允许你为具有相同类名的元素设置相同的样式。例如，以下代码将设置所有具有`.my-class`类的元素的背景颜色为黄色：

```css

.my-class {

background-color: yellow;

ID选择器

ID选择器简介

ID选择器是针对具有唯一`id`属性的元素。每个元素的`id`应该是唯一的，因此ID选择器可以精确地选择特定的元素。以下代码将设置ID为`my-id`的元素的边框为红色：

```css

my-id {

border: 1px solid red;

属性选择器

属性选择器简介

- 选择所有具有`href`属性的元素：

```css

[href] {

color: orange;

```

- 选择所有属性`type`以\