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