CSS 提供了几种复合选择器

CSS 是一种用于样式化网页的语言，它提供了多种选择器用于选中 HTML 元素并应用样式。其中，复合选择器是由多个简单选择器组合而成的选择器，它们可以更精确地选中需要样式化的元素。本文将介绍 CSS 中几种常见的复合选择器，并提供相应的源代码示例。

1. 后代选择器（Descendant Selector）

后代选择器用于选中某个元素的后代元素。它由两个或多个简单选择器通过空格分隔组成。例如，如果我们想选中 <div> 元素下的所有 <p> 元素，并将它们的文本颜色设置为红色，可以使用以下代码：

div p {
   
   
  color: red;
}

2. 子元素选择器（Child Selector）

子元素选择器用于选中某个元素的直接子元素。它由两个简单选择器通过大于号（>）分隔组成。例如，如果我们想选中 <ul> 元素下的所有直接子元素 &l