CSS組合選擇器是一種在選擇元素時使用多個選擇器的方法。這些選擇器可以按照一定的規則組合起來，形成更準確的選擇器。在下面的視頻中，我們將了解如何使用CSS組合選擇器來選取HTML文檔中的元素。

/* 為了更好地理解CSS組合選擇器，請看下面HTML代碼 */
<div id="container">
<div class="box"></div>
<div class="box"></div>
<div class="box red"></div>
<div class="box"></div>
</div>
/* 以下是CSS代碼 */
/* 選取id為container的div元素中所有class為box的元素 */
#container .box {
/* CSS屬性 */
}
/* 選取id為container的div元素中第一個class為box的元素 */
#container .box:first-child {
/* CSS屬性 */
}
/* 選取id為container的div元素中第二個class為box的元素 */
#container .box:nth-child(2) {
/* CSS屬性 */
}
/* 選取id為container的div元素中所有class為box且class為red的元素 */
#container .box.red {
/* CSS屬性 */
}

在上面的代碼中，我們使用了ID選擇器、類選擇器以及偽類選擇器來選取HTML文檔中的元素。其中，ID選擇器選取了id為container的div元素，類選擇器選取了class為box和class為red的元素，偽類選擇器選取了第一個和第二個class為box的元素。

除了組合選擇器外，還有其他類型的選擇器，如標簽選擇器、屬性選擇器和子元素選擇器等。這些選擇器在不同的情況下可以起到不同的作用，使我們能夠更加靈活地控制頁面樣式。