CSS可以通過選擇器控制頁面中的不同元素，其中兄弟選擇器可以選擇緊接在另一個元素后面的元素，下面我們來講講如何使用兄弟選擇器控制兄弟標簽。

/* 控制緊接在p標簽后面的h1標簽 */
p + h1 {
color: red;
}
/* 控制緊接在h1標簽后面的p標簽 */
h1 + p {
font-weight: bold;
}
/* 控制緊接在class為box的div標簽后面的p標簽 */
div.box + p {
font-style: italic;
}

在上述代碼中，+表示兄弟選擇器，p + h1表示緊接在<p>標簽后面的<h1>標簽，h1 + p表示緊接在<h1>標簽后面的<p>標簽。

需要注意的是，兄弟選擇器只能選擇后面的兄弟元素，不能選擇前面的兄弟元素。比如，如果想要選擇緊接在<p>標簽前面的<h1>標簽，就不能使用兄弟選擇器。

兄弟選擇器可以幫助我們更靈活地控制頁面中的元素，如果運用得當，可以提高我們的頁面設計效率，讓頁面更加美觀。