CSS是網頁設計中不可或缺的一部分，其中的組合選擇器為網頁設計提供了更加靈活的樣式規定方式。

組合選擇器是由兩個或多個選擇器組合而成的，用于選擇特定的HTML元素。下面我們來逐一了解這些組合選擇器：

/* 1. 后代選擇器 */
p span {
color: red;
}
/* 2. 子元素選擇器 */
p >span {
color: blue;
}
/* 3. 相鄰兄弟選擇器 */
p + span {
color: green;
}
/* 4. 一般兄弟選擇器 */
p ~ span {
color: purple;
}
/* 5. 多元素選擇器 */
h1, h2, h3 {
font-weight: bold;
}

1. 后代選擇器：選擇所有符合條件的后代元素。

/* 選擇p標簽內所有span標簽元素 */
p span {...}

2. 子元素選擇器：選擇子元素。

/* 選擇p標簽直接子元素中的span標簽 */
p >span {...}

3. 相鄰兄弟選擇器：選擇相鄰的下一個兄弟元素。

/* 選擇p標簽相鄰的下一個span標簽 */
p + span {...}

4. 一般兄弟選擇器：選擇所有與前一個兄弟元素相鄰的后續兄弟元素。

/* 選擇p標簽后面全部的span標簽元素 */
p ~ span {...}

5. 多元素選擇器：選擇多個元素。

/* 選擇所有h1、h2、h3標簽 */
h1, h2, h3 {...}

通過組合使用這些選擇器，我們可以更加精準地定義樣式，實現更加豐富多彩的網頁設計。