在CSS中，选择器是用来指定网页元素的一种方法。通常情况下，我们会使用简单选择器来进行选择。它们会根据元素的类型、类名、属性值等进行选择。但是，有时候我们需要根据多个条件进行选择，这就需要使用组合选择器了。

    /* 使用空格选择器 */
    div p {
        color: red;
    }

空格选择器可以选择到文档树中的子元素。比如上面这个例子，就是选择了所有在div元素内的p元素。注意，这里的div和p之间有一个空格，这是表示它们之间存在父子关系的符号。

    /* 使用逗号选择器 */
    h1, h2 {
        color: blue;
    }

逗号选择器可以选择多个元素。比如上面这个例子，就是选择了所有的h1和h2元素。

    /* 使用加号选择器 */
    p + span {
        color: green;
    }

加号选择器可以选择到紧接在某个元素后面的相邻元素。比如上面这个例子，就是选择了紧接在p元素后面的span元素。

    /* 使用波浪号选择器 */
    p ~ span {
        color: purple;
    }

波浪号选择器可以选择到某个元素后面的同级元素。比如上面这个例子，就是选择了在p元素后面的所有同级span元素。

通过组合选择器，我们可以更加灵活地选择网页元素，制作出更加美观、高效的样式。