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> 元素 |