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

想要效果：

我的效果：

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

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

不要用:focus这个，这个只是点击一瞬间，你点击的时候给个class，比如

给加上样式呗 ，楼上得方法就可以

需要添加class，以下是jQuery实现例子：

$('.tab li').click(function() {
  $(this).addClass('active')
  $(this).siblings().removeClass('active')
})