CSS 元素和元素选择器
元素
元素是 HTML 文档中的基本组成部分，表示特定类型的文本、图像或其他内容。每个元素都有一个唯一的名称，称为标签，例如 <p>、<h1> 或 <img>。
元素可以包含其他元素，创建嵌套结构。例如，<p> 元素可以包含 <span> 元素，<span> 元素又可以包含文本。
元素选择器
元素选择器是 CSS 规则的一部分，用于选择特定元素。它们使用元素的标签名称来匹配文档中的元素。
语法：
element {
/* 样式规则 */
}示例：
p {
color: red;
}此规则将所有 <p> 元素的文本颜色设置为红色。
通配符选择器
通配符选择器匹配任何元素。
语法：
* {
/* 样式规则 */
}示例：
* {
font-family: Arial;
}此规则将所有元素的字体系列设置为 Arial。
ID 选择器
ID 选择器匹配具有指定 ID 属性的元素。ID 属性是一个唯一的字符串，用于标识文档中的特定元素。
语法：
#id {
/* 样式规则 */
}示例：
#header {
background-color: blue;
}此规则将具有 ID 为 "header" 的元素的背景颜色设置为蓝色。
类选择器
类选择器匹配具有指定类属性的元素。类属性是一个或多个空格分隔的字符串，用于对元素进行分组。
语法：
.class {
/* 样式规则 */
}示例：
.error {
color: red;
}此规则将所有具有 "error" 类的元素的文本颜色设置为红色。
后代选择器
后代选择器匹配嵌套在另一个元素内的元素。
语法：
parent > child {
/* 样式规则 */
}示例：
p > span {
font-weight: bold;
}此规则将所有嵌套在 <p> 元素内的 <span> 元素的字体加粗。
子元素选择器
子元素选择器匹配作为另一个元素的直接子元素的元素。
语法：
parent child {
/* 样式规则 */
}示例：
ul li {
list-style-type: none;
}此规则将所有作为 <ul> 元素的直接子元素的 <li> 元素的列表项样式类型设置为 "none"。
相邻兄弟选择器
相邻兄弟选择器匹配紧跟在另一个元素后面的元素。
语法：
previous-sibling + next-sibling {
/* 样式规则 */
}示例：
h1 + p {
margin-top: 0;
}此规则将所有紧跟在 <h1> 元素后面的 <p> 元素的上边距设置为 0。
通用兄弟选择器
通用兄弟选择器匹配任何跟随另一个元素的元素。
语法：
previous-sibling ~ next-sibling {
/* 样式规则 */
}示例：
h1 ~ p {
margin-top: 0;
}此规则将所有跟随 <h1> 元素的 <p> 元素的上边距设置为 0。