基础 CSS 厨房水槽标签

CSS 厨房水槽标签（sink selectors）是一组基础的 CSS 选择器，它们用于选择元素的状态和位置。

这些基础 CSS 选择器包括：

• 元素选择器
• 类选择器
• ID 选择器
• 属性选择器
• 子选择器
• 后代选择器
• 相邻兄弟选择器
• 通用选择器

元素选择器

元素选择器是指通过元素的标签名选择元素。例如，选择所有段落元素：

p {
  /* styles */
}

类选择器

类选择器是选择具有特定类名的元素。例如，选择所有类名为“btn”的元素：

.btn {
  /* styles */
}

ID 选择器

ID 选择器是指选择具有特定 ID 属性值的元素。它们是唯一的，每个 ID 只能在页面中出现一次。例如，选择具有 ID “header”的元素：

#header {
  /* styles */
}

属性选择器

属性选择器是通过元素的属性选择元素。它们允许您分配样式给匹配属性值的元素。例如，选择所有具有“src”属性的图像：

img[src] {
  /* styles */
}

子选择器

子选择器是指使用“>”选择直接子元素的选择器。例如，选择所有 div 元素的直接子元素：

div > p {
  /* styles */
}

后代选择器

后代选择器通过将元素的祖先与特定元素匹配，选择该元素。例如，选择 div 元素包含的所有 p 元素：

div p {
  /* styles */
}

相邻兄弟选择器

相邻兄弟选择器选择与特定元素相邻的兄弟元素。例如，选择紧随 h1 元素的所有 p 元素：

h1 + p {
  /* styles */
}

通用选择器

通用选择器选择所有元素，它使用“*”作为选择器。例如，选择所有元素：

* {
  /* styles */
}

以上是基础 CSS 厨房水槽标签的简要介绍。在实际应用中，这些选择器都有着广泛的应用。了解这些选择器可以帮助您编写更好的 CSS 代码。