CSS組合選擇器是一種強大的工具，可以根據HTML文檔結構中的關系來定位元素并應用樣式。常見的幾種組合選擇器包括：

父子選擇器: 用于選擇指定元素的后代元素，如 "父元素 子元素"。
div p {
color: red;
}

上述代碼將會選擇所有在div元素內部的p元素，并將文本顏色設置為紅色。

相鄰兄弟選擇器：用于選擇緊隨在指定元素后面的同級元素，如 "元素1 + 元素2"。
p + ul {
padding-top: 20px;
}

上述代碼將會選擇緊跟在p元素后面的ul元素，并在其上方添加20px的上填充。

通用兄弟選擇器：用于選擇在指定元素后出現的所有同級元素，如 "元素1 ~ 元素2"。
h2 ~ p {
font-size: 16px;
}

上述代碼將會選擇h2元素后出現的所有p元素，并將字體大小設置為16px。

通過合理運用組合選擇器，我們可以更加精細地控制網頁樣式，提升用戶體驗。