CSS上下文选择器及其类型

上下文选择器是CSS中一种强大的选择器，它允许我们根据元素在特定上下文中的位置来选择和应用样式。下面我们将详细介绍几种常见的CSS上下文选择器类型，并提供相应的源代码示例。

1. 子选择器（Child Selector）：子选择器用于选择作为某个元素直接子元素的元素。它使用 “>” 符号表示。下面是一个示例：

<style>
  div > p {
     
    color: blue;
  }