css 的基本选择器用于匹配 html 文档中的元素，包括：类型选择器（匹配元素名）；类选择器（匹配类名）；id 选择器（匹配 id）；后代选择器（匹配祖先元素内的后代元素）；子元素选择器（匹配直接子元素）；相邻兄弟选择器（匹配直接相邻的兄弟元素）；通用兄弟选择器（匹配所有兄弟元素）；属性选择器（匹配具有指定属性的元素）。

CSS 的基本选择器

CSS 中的基本选择器用于匹配 HTML 文档中的元素。通过使用这些选择器，可以指定特定元素的样式。

类型选择器

• element：匹配带有指定元素名的所有元素，例如 p 表示所有段落。

类选择器

立即学习“前端免费学习笔记（深入）”；

• .class-name：匹配具有指定类名的所有元素，例如 .example 表示所有带有 example 类的元素。

ID 选择器

• #id-name：匹配具有指定 ID 的单个元素，例如 #header 表示带有 header ID 的元素。

后代选择器

• ancestor descendant：匹配位于祖先元素内的后代元素，例如 ul li 表示所有位于 ul 元素内的 li 元素。

子元素选择器

• parent > child：匹配作为父元素直接子元素的子元素，例如 div > p 表示所有直接位于 div 元素内的 p 元素。

相邻兄弟选择器

• element + adjacent：匹配直接出现在指定元素之后的相邻元素，例如 p + h2 表示所有直接位于 p 元素之后的 h2 元素。

通用兄弟选择器

• element ~ sibling：匹配所有出现在指定元素之后的兄弟元素，包括相邻元素和更远的元素，例如 h1 ~ p 表示所有位于 h1 元素之后的 p 元素。

属性选择器

• [attribute]：匹配具有指定属性的元素，例如 [href] 表示所有具有 href 属性的元素。
• [attribute=value]：匹配具有指定属性并具有指定值的元素，例如 [href="example.com"] 表示所有 href 属性值为 "example.com" 的元素。