CSS組合子
 | 一個組合子是什麼，解釋了選擇之間的關係。 |
|---|
CSS選擇器可以包含多個簡單的選擇。 簡單的選擇之間，我們可以包括組合子。
有CSS3中四個不同的組合程序：
- 後代選擇器(space)
- 子選擇器(>)
- 相鄰兄弟選擇(+)
- 普通兄弟選擇(~)
後代選擇
後代選擇是特定元素的後代的所有元素相匹配。
以下示例選擇所有<p>中的元素<div>元素：
子選擇器
孩子選擇器選擇是指定的元素的直接子的所有元素。
以下示例選擇所有<p>這是一個直接的子元素<div>元素：
相鄰兄弟選擇
相鄰兄弟選擇器選擇是指定元素的兄弟姐妹相鄰的所有元素。
同級元素必須具有相同的父元素，而“相鄰”的意思是“緊跟”。
以下示例選擇所有<p>被後立即放置元素<div>元素：
一般兄弟選擇
一般兄弟選擇選擇是指定元素的兄弟姐妹的所有元素。
以下示例選擇所有<p>這是兄弟元素<div>元素：