CSS兄弟元素選擇器允許我們選擇所有指定元素后面的兄弟元素。對于同類元素組，我們常常需要同時修改多個兄弟元素的樣式，這時候就可以采用兄弟元素同時變色的方法。

下面我們先看一下HTML和CSS代碼：

<ul>
<li>兄弟元素1</li>
<li>兄弟元素2</li>
<li>兄弟元素3</li>
<li>兄弟元素4</li>
<li>兄弟元素5</li>
</ul>
<style>
li:first-child{
color: blue;
}
li:first-child ~ li{
color: red;
}
</style>

在上面的代碼中，我們選擇了列表中的第一個li元素，并且給它設置為藍色。然后使用兄弟元素選擇器"~"，將第一個元素后面所有的li元素都設置為紅色。

上述代碼可以實現將兄弟元素同時變色的效果。

需要注意的是，在使用兄弟元素選擇器的時候，需要確保兩個元素具有共同的父元素。如果兄弟元素之間沒有共同的父元素，則無法使用兄弟元素選擇器。

總之，兄弟元素同時變色是CSS的一種基本樣式技巧，它可以實現對多個同類元素的快速修改。我們需要在實際開發中靈活應用，以達到更好的頁面效果。