我们可以选择元素的下一个邻近的兄弟元素 … 或者元素后面的兄弟元素 … 不邻近也可以 … 在选择器里，使用 + 号 … 表示选择+号前面的这个元素的下一个邻近的兄弟 … 这个兄弟的类型在 + 号后面去定义 ..

选择元素后面的兄弟元素，可以使用 ~ … ~ 号后面的元素只要是 ~ 号前面元素的往下的兄弟都会被选择 ..

测试

在这个文档里 .. h1,h2,h3 都是兄弟元素 … 选中 h1 元素邻近的下一个兄弟元素 h2 .. 可以这样 …

h1 + h2 {

}

下面我们再去选择 h2 元素后面的 h3 这个兄弟元素 … 如果使用 h2 + h3 {} … 不会选择这个标题三元素 … 因为 h3 不是 h2 元素的下一个邻近的兄弟 .. 因为它们之间还有其它的兄弟元素 .. 也就是 p 元素和 blockquote 元素 …

我们可以把 + 号 … 换成 ~ …

h2 ~ h3{

}

这样我们就可以选择 h2 元素的后面的 h3 这个兄弟元素了 …