通用兄弟选择器 即 ~：兄弟选择符，位置无须紧邻，只须同层级，A~B 选择A元素之后所有同层级B元素。
~
相邻兄弟选择器 即 + 当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。
+
子选择器 > :当使用 > 选择符分隔两个元素时,它只会匹配那些作为第一个元素的直接后代(子元素)的第二元素.
>
匹配存在的所有由第一个元素作为祖先元素(但不一定是父元素)的第二个元素, 无论它在 DOM 中"跳跃" 多少次.