CSS 组合器

CSS 中有四种不同的组合器：

• 后代选择器 (空格)：后代选择器匹配属于指定元素后代的所有元素。
• 子选择器 (>)：子选择器匹配属于指定元素子元素的所有元素。
• 相邻兄弟选择器 (+)：相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。兄弟（同级）元素必须具有相同的父元素，“相邻”的意思是“紧随其后”。
• 通用兄弟选择器 (~)：通用兄弟选择器匹配属于指定元素的同级元素的所有元素。

效果：

最后，补一张图便于理解：