css如何让:focus改变两个元素背景同时存在，我的点了排行榜，上面的我的音乐背景就会消失

Question

想要效果：

我的效果：

我运用了:focus让他们点击之后改变背景且不不还原，但他们不能同时存在，请求帮忙，想要效果可参照网易云音乐。

Answer 1

思路是这样的，点击我的音乐 给我的音乐添加 active类名（自定义选中样式），其他同级（发现音乐、关注）去除active类名
点击排行榜 给排行榜添加 active类名，其他同级（推荐、歌单）去除active类名
这样不会因为你的焦点离开而失去选中效果