相邻兄弟选择器、后代选择器和子选择器三者有什么区别？

相邻兄弟选择器、后代选择器和子选择器三者有什么区别？

后代选择器与子选择的关系：后代选择器>子选择器。
后代选择器：包括父元素的子元素以及孙子元素（代表符号：空格）

子选择器：包括父元素的子元素（仅仅是子元素）（代表符号：>）

相邻兄弟选择器与后续兄弟选择的关系：后续兄弟选择>相邻兄弟选择器
相邻兄弟选择器：紧跟在目标元素后面的第一个兄弟元素（代表符号：+）

后续兄弟选择器：紧跟在目标元素后的所有兄弟元素（代表符号：~）