CSS 学习手册

组合选择器用于描述元素之间的层级关系，从而精确选取目标元素。 **1. 后代选择器（空格）** 匹配所有作为指定元素后代（任意层级）的元素。 ```css article p { line-height: 1.8; } /* article 内所有 p 元素 */ ``` **2. 子元素选择器（>）** 匹配作为指定元素直接子元素的元素（仅限一层）。 ```css ul > li { list-style: none; } /* 仅直接子级 li，不包含嵌套列表中的 li */ ``` **3. 相邻兄弟选择器（+）** 匹配紧随指定元素后面的第一个兄弟元素。 ```css h2 + p { font-weight: bold; } /* h2 后面紧跟的第一个 p 加粗 */ ``` **4. 通用兄弟选择器（~）** 匹配指定元素后面的所有兄弟元素（不必紧邻）。 ```css h2 ~ p { color: #555; } /* h2 后面的所有 p 兄弟元素 */ ``` **5. 多元素选择器（,）** 同时选取多个选择器匹配的元素。 ```css h1, h2, h3 { font-family: 'Georgia', serif; } ```