概念

排他思想：如果有同一组元素，想要某一个元素实现某种样式，需要用到循环的排他思想算法

1. 所有元素全部清除样式
2. 给当前元素设置样式
3. 注意顺序不能颠倒

案例（来自pink老师）

当鼠标点击一个按钮时，该按钮背景颜色改变，其余按钮颜色不变；当鼠标点击另外一个按钮时，那个按钮背景颜色发生改变，其余按钮背景颜色恢复原样。

这个css 样式 我就不写了

当点击哪一个按钮时 所有的颜色先取消 点的那一个上色 就完了

还有一个案例（top栏切换）

思路是一样的

1. 上方tab栏部分用到了排他思想，背景颜色和字体颜色发生变化，其余样式不变；设置自定义属性，用于充当索引号。
2. 当鼠标点击上方的li时，下方的内容区域获取一一对应的自定义属性，并赋值给下方的变量index当索引号。