关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、 >、 ~，还有+等，这些都是非常常用的选择器。
• 后代选择器：
选择所有合乎规则的后代元素。空格连接。而两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签
• 相邻后代选择器：
仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子 选择器”。 >连接。适用于 IE7 以上版本。
• 兄弟选择器：
选择当前元素后面的所有合乎规则的兄弟元素。 ~连接。适用于 IE7 以上版本。
• 相邻兄弟选择器：
仅仅选择当前元素相邻的那个合乎规则的兄弟元素。 +连接。适用于IE7 以上版本
• 逗号选择器：
当两个选择器之间是逗号的情况下，代表的是选择了两个类选择器
