CSS3選擇器為前端開發提供了更多的選擇，其中之一就是兄弟選擇器。在使用兄弟選擇器之前，我們需要先掌握基本的選擇器，如元素選擇器、類選擇器、ID選擇器等。

/*元素選擇器*/
p {
color: red;
}
/*類選擇器*/
.title {
font-size: 24px;
}
/*ID選擇器*/
#main {
width: 100%;
}

在CSS3中，兄弟選擇器用來選擇某個元素后面的所有兄弟元素，其語法為:

E ~ F { /*選擇E元素后面的所有F元素*/
/*樣式*/
}

其中，E為指定元素，~表示后面的兄弟元素，F是要選取的兄弟元素。需要注意的是，該選擇器只能夠選擇在E元素之后的兄弟元素，而不能選擇在E元素之前的兄弟元素。

比如，我們有如下的HTML結構：

<div>
<p class="first">這是第一個p元素</p>
<h2>這是一個h2標簽</h2>
<p>這是第二個p元素</p>
<p class="last">這是第三個p元素</p>
</div>

接下來，我們使用兄弟選擇器，選中第三個p元素，并將其背景色設為黃色：

.first ~ p.last {
background-color: yellow;
}

在上述代碼中，我們使用了類選擇器和兄弟選擇器，選中了所有在第一個p元素之后的，且類名為last的p元素，并將其背景色設為黃色。

除了兄弟選擇器，CSS3中還有其他的偽類選擇器，如:first-child、:last-child、:nth-child等。它們可以幫助我們更加方便的選擇元素，提高開發效率。