在CSS中，選擇器是一種用于選擇HTML元素的模式。有時候，我們需要使用多個選擇器來選擇元素。這就是復合選擇器。下面將介紹三種不同的復合選擇器。

/* 第一種復合選擇器：后代選擇器 */
/*選擇所有后代元素，例子中選擇到p標簽*/
code p {
color: red;
}
/* 第二種復合選擇器：并集選擇器 */
/*選擇所有class為red和blue的元素，例子中選擇到p標簽*/
.red, .blue {
color: green;
}
/* 第三種復合選擇器：子選擇器 */
/*選擇所有p標簽的直接子元素，例子中選擇到p標簽里的span標簽*/
p >span {
color: yellow;
}

上述例子中，第一種復合選擇器使用了后代選擇器。它選擇code元素下的所有p元素。

第二種復合選擇器使用了并集選擇器。它同時選擇了所有class為red和blue的元素。

第三種復合選擇器使用了子選擇器。它選擇了p元素的直接子元素，即p元素內部的span元素。