CSS中的派生选择器及其使用方法

派生选择器是CSS中一种强大的选择器，它允许根据元素在其父元素内的位置或状态来选择元素。通过使用派生选择器，我们可以针对特定的上下文选择元素，并对它们应用样式。

下面将介绍几种常用的派生选择器及其使用方法：

1. 子元素选择器（子选择器）（ " > " ）
   子元素选择器允许选择作为某个元素的直接子元素的元素。例如，如果我们想选择某个列表中的直接子项，可以使用子元素选择器。以下是一个示例：

ul > li {
   
   
  color: red;
}

上述代码将选择ul元素内的直接子元素li，并将它们的文本颜色设置为红色。

2. 相邻兄弟选择器（相邻选择器）（ " + " ）
   相邻兄弟选择器允许选择紧接在指定元素之后的第一个兄弟元素。这个选择器非常有用，当你想选择某个元素后面的第一个元素时。以下是一个示例：

h