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