css选择器中的兄弟选择器+和~

+

一般情况下，我们常使用 + 来选择指定元素的兄弟元素
例如：div + p {}	代表选取 div 后面紧跟着的一个 p 元素，如果没有兄弟元素 p 或者 p元素 不是紧跟在 div 后面，就无法选取到。

~

~ 兄弟选择器会选取指定元素后面所有的兄弟元素
例如： div ~ p{}	会选择 div 后面所有的是 p元素的兄弟元素，有多少个就会选取多少个。