CSS 选择器

CSS（层叠样式表）是一种用于设计网页样式的语言，而选择器是用于针对特定 HTML 元素设置样式的代码。在 CSS 中，选择器指定了要应用样式的 HTML 元素。

常用的 CSS 选择器

1. 类选择器

类选择器用于选择具有相同 class 属性值的元素。它以一个点（.）开头，后面跟着类名。例如：

.my-class {
  /* 样式定义 */
}

2. ID 选择器

ID 选择器用于选择具有特定 ID 属性值的元素。它以一个井号（#）开头，后面跟着 ID 名称。例如：

#my-id {
  /* 样式定义 */
}

3. 元素选择器

元素选择器用于选择特定类型的 HTML 元素。它只是元素名称而已。例如：

p {
  /* 样式定义 */
}

4. 后代选择器

后代选择器用于选择指定元素的后代元素。它使用空格（ ）分隔元素。例如：

div p {
  /* 样式定义 */
}

5. 子元素选择器

子元素选择器用于选择指定元素的子元素。它使用大于号（>）分隔元素。例如：

ul > li {
  /* 样式定义 */
}

6. 相邻兄弟选择器

相邻兄弟选择器用于选择指定元素后面紧接着的兄弟元素。它使用加号（+）分隔元素。例如：

h2 + p {
  /* 样式定义 */
}

7. 通用选择器

通用选择器用于选择所有元素。它以一个星号（*）作为选择器。例如：

* {
  /* 样式定义 */
}

CSS 结合多个选择器

CSS 还允许我们结合多个选择器来定义样式。例如，我们可以同时选择具有 my-class 类和 highlight 类的元素：

.my-class.highlight {
  /* 样式定义 */
}

我们也可以用逗号分隔选择器来选择多个元素。例如，选择所有段落和标题元素：

p, h1, h2, h3, h4, h5, h6 {
  /* 样式定义 */
}

结束语

以上只是一些常用的 CSS 选择器。实际上，CSS 还有许多其他选择器可以选择不同类型的 HTML 元素。熟练掌握各个选择器，可以帮助我们更好地设计网页。