CSS 組合器參考手冊

CSS 組合器

組合器是一種用于解釋選擇器之間關系的符號。

下表展示了 CSS 中不同的組合器：

名稱 符號 例子 例子描述
子組合器 > div > p 選擇所有作為 <div> 元素直接子元素的 <p> 元素。
后代組合器 （單個空格） div p 選擇所有在 <div> 元素內部的 <p> 元素。
命名空間分隔符 | ns | h2 選擇命名空間 ns 中的所有 <h2> 元素。
相鄰兄弟組合器 + div + p 選擇緊接在 <div> 元素后的第一個 <p> 元素。
選擇器列表 , div, p 選擇所有 <div> 元素和所有 <p> 元素。
后續兄弟組合器 ~ p ~ ul 選擇所有前面有 <p> 元素的 <ul> 元素。