# 组合选择器

URL: https://caijiao.org/css/02-selectors/02-combinators
Source: docs/css/02-selectors/02-combinators.md
Description: 组合选择器用于选择具有特定关系的多个元素，是CSS中实现复杂样式控制的重要手段。

组合选择器通过描述元素之间的关系，实现更精准的样式控制。常用的组合选择器包括：

1. **后代选择器（空格）**  
   选中某元素内部的所有指定子元素。  
   示例：`div p {}` 选中所有 `div` 中的 `p` 元素。

2. **子元素选择器（>）**  
   仅选中直接子元素。  
   示例：`ul > li {}` 只选中 `ul` 的第一层 `li`。

3. **相邻兄弟选择器（+）**  
   选中紧挨在某元素后面的同级元素。  
   示例：`h2 + p {}` 选中紧跟在 `h2` 后的 `p`。

4. **通用兄弟选择器（~）**  
   选中同一级别中在某元素之后的所有指定元素。  
   示例：`h2 ~ p {}` 选中所有在 `h2` 后的 `p` 元素。

组合选择器提高了样式控制的灵活性，适用于嵌套结构复杂的网页。