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