在 CSS 中，组合选择符用于选择同时满足多个条件的元素。通过使用组合选择符，我们可以更精确地选择需要样式化的元素，从而实现更加灵活的样式控制。
1. 后代选择器（Descendant Selector）
后代选择器用于选择某个元素的后代元素。它通过空格分隔两个选择器，表示在第一个选择器所选元素的后代元素中应用样式。
示例代码：
--- - - ------ ---- -
上面的代码表示选择所有 <p> 元素，但只有在其父元素为 <div> 元素时才应用红色文本颜色。
2. 子元素选择器（Child Selector）
子元素选择器用于选择某个元素的直接子元素。它通过 > 符号分隔两个选择器，表示只选择指定元素的直接子元素。
示例代码：
-- - -- - ---------------- ------- -
上面的代码表示只选择 <ul> 元素的直接子元素 <li>，并将其列表样式设置为方块。
3. 相邻兄弟选择器（Adjacent Sibling Selector）
相邻兄弟选择器用于选择某个元素的相邻兄弟元素。它通过 + 符号分隔两个选择器，表示只选择紧邻在指定元素后面的兄弟元素。
示例代码：
-- - - - ------------ ----- -
上面的代码表示选择紧邻在 <h2> 元素后面的 <p> 元素，并将其字体加粗。
通过合理地运用组合选择符，我们可以更加灵活地选择需要样式化的元素，从而实现更加精确的样式控制。