下面大家先看一下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的一种基本样式技巧，它可以实现对多个同类元素的快速修改。大家需要在实际开发中灵活应用，以达到更好的页面效果。