CSS兄弟节点是指一个元素与其他与其同一父元素的元素之间的关系。在CSS中，有多种选择器可以用来选中兄弟节点。
首先，我们来介绍一下基本的兄弟节点选择器：加号（+）和波浪号（~）。
1. 加号 (+) 兄弟节点选择器：
这个选择器选中了紧接在指定元素之后的兄弟元素。例如，如果有以下HTML结构：
```
列表项1列表项2列表项3列表项4```
我们可以使用如下CSS样式选中列表项2，也就是选择紧接在列表项1之后的兄弟元素：
```
li + li {
color: red;
}
```
这样选中的元素就会被设置为红色。
2. 波浪号 (~) 兄弟节点选择器：
这个选择器选中了指定元素之后的所有兄弟元素。与加号选择器不同的是，波浪号选择器会选中指定元素之后的所有兄弟元素，而不仅仅是紧接在其后的兄弟元素。例如，我们有以下HTML结构：
```
列表项1列表项2列表项3列表项4```
我们可以使用如下CSS样式选中列表项2和列表项3，也就是选择列表项1之后的所有兄弟元素：
```
li ~ li {
color: red;
}
```
这样选中的元素就会被设置为红色。
除了加号和波浪号选择器之外，我们还可以使用通用兄弟节点选择器（~*）。
3. 通用兄弟节点选择器 (~*)：
这个选择器选中了指定元素之后的所有兄弟元素，无论它们与指定元素的关系是紧接、嵌套还是其他任何方式。例如，我们有以下HTML结构：
```
段落1
列表项1列表项2段落2
列表项3列表项4```
我们可以使用如下CSS样式选中段落1和段落2以及它们之后的所有兄弟元素：
```
p ~* {
color: red;
}
```
这样选中的元素就会被设置为红色。
需要注意的是，在使用这些兄弟节点选择器时，要考虑到浏览器的兼容性。有些浏览器可能对某些选择器的支持不完全，或是存在一些兼容性的差异。为了保证兼容性，可以使用CSS预处理器，如Sass或Less，它们提供了更强大和灵活的选择器语法。
总结一下，CSS兄弟节点选择器包括加号（+）兄弟节点选择器、波浪号（~）兄弟节点选择器以及通用兄弟节点选择器（~*）。通过这些选择器，我们可以方便地选中一个元素与其同一父元素下的其他兄弟元素，并针对它们设置样式。