CSS 除 self 之外的所有其他元素

在 CSS 中，可以通过选择器来选择不同的元素，从而对其样式进行修改。除了 self 选择器，还存在许多其他类型的选择器，本文将介绍一些常用的选择器。

元素类型选择器

元素类型选择器，也称为标签选择器，是最常用的一种选择器。它通过 HTML 元素的标签名称来选择元素并应用样式。

例如，以下 CSS 代码会将所有 p 元素的文本颜色设置为红色：

p {
  color: red;
}

类选择器

类选择器通过 . 开头，可以根据 HTML 元素的类名对元素进行选择。

例如，以下 CSS 代码会将所有拥有 highlight 类名的元素的背景颜色设置为黄色：

.highlight {
  background-color: yellow;
}

ID 选择器

ID 选择器通过 # 开头，可以根据 HTML 元素的 ID 名称对元素进行选择。

例如，以下 CSS 代码会将拥有 header ID 名称的元素的文本颜色设置为蓝色：

#header {
  color: blue;
}

属性选择器

属性选择器通过元素的属性名和属性值对元素进行选择。

例如，以下 CSS 代码会将所有 href 属性值以 https:// 开头的链接的颜色设置为绿色：

a[href^="https://"] {
  color: green;
}

后代选择器

后代选择器通过选择元素的后代元素来对元素进行选择。

例如，以下 CSS 代码会将所有 article 元素内的 p 元素的颜色设置为灰色：

article p {
  color: gray;
}

子元素选择器

子元素选择器通过选择元素的直接子元素来对元素进行选择。使用 > 符号来表示子元素选择器。

例如，以下 CSS 代码会将所有 article 元素的直接子元素 h2 元素的颜色设置为蓝色：

article > h2 {
  color: blue;
}

以上是一些常见的 CSS 选择器，掌握这些选择器可以更加灵活地修改网页的样式。