css中常用选择器及其含义

在 CSS 中，选择器是最基本的概念之一。选择器可以用来适配 HTML 中的元素并设置样式。

以下是一些常用的 CSS 选择器：

* {
  字体颜色:红色;
}

通配选择器 * 匹配 HTML 文档中的所有元素。以上代码将文档中所有元素的字体颜色设置为红色。

p {
  边框: 1px 实线黑色;
}

元素选择器 p 匹配 HTML 文档中的所有段落元素。以上代码将所有段落元素的边框设置为 1 像素的实线黑色。

#header {
  背景颜色:灰色;
}

ID 选择器 #header 通过 HTML 元素中的 ID 属性来匹配一个元素。以上代码将 ID 属性为 "header" 的 HTML 元素的背景颜色设置为灰色。

.class1 {
  字体大小: 2em;
}

.class2 {
  字体风格: italic;
}

类选择器 .classname 通过 HTML 元素中的 class 属性来匹配一些元素。以上代码将 class 为 "class1" 的 HTML 元素的字体大小设置为 2em，并将 class 为 "class2" 的 HTML 元素的字体风格设置为斜体（italic）。

p.intro {
  颜色:蓝色;
}

属性选择器 [attribute=value] 可以通过指定 HTML 元素的某个属性和其对应的属性值，来选择匹配的元素。以上代码将类名为 "intro" 的段落元素的颜色设置为蓝色。

除了以上介绍的选择器，CSS 还包括子元素选择器、相邻兄弟选择器、通用兄弟选择器等其他常用的选择器。