css点击添加class移除其他兄弟的class

你可以使用JavaScript来实现点击添加class并移除其他兄弟的class。下面是一个示例代码：

HTML:

<div class="button-group">
  <button class="button"></button>
  <button class="button"></button>
  <button class="button"></button>
</div>

CSS:

.active {
  background-color: red;
}

JavaScript:

const buttons = document.querySelectorAll('.button');

buttons.forEach(button => {
  button.addEventListener('click', () => {
    buttons.forEach(btn => {
      btn.classList.remove('active');
    });
    button.classList.add('active');
  });
});

这段代码会给每个按钮添加一个点击事件监听器。当点击某个按钮时，它会添加`active`类，并移除其他按钮的`active`类。这样就可以实现点击添加class并移除其他兄弟的class的效果。