Question

在HTML中，3个<a>标签结合CSS如何实现点击不同<a>标签时效果不同？

额您看了标题可能有些乱，我在这里详细说吧。
这里有
<a id="a1">A1</a>
<a id="a2">A2</a>
<a id="a3">A3</a>
3个<a>标签。背景默认灰色。现在想实现的是，点击其中一个，背景变红色；当再次点击另一个时，刚刚点击的恢复原来的灰色，这次点击的背景变红色。

能明白我的意思吗？无论怎样，点击后背景变红色，点另一个后恢复原来的颜色。。就这样

我需要一段CSS的代码

Answer 1

这种用CSS是没办法实现的，CSS只能为实现 #a1:visited 属性，实现点击后变色，像你说的这种只能用jquery 来遍历容器中的属性，然后根据点击来判断后添加颜色！

追问

我想实现的效果，就是阿里云点击的这种，您看下。

追答

恩 你直接截图这个不就懂了这个点击事件啊，所有的A标签实现

他实现的思路是，点击按钮 button  时候 循环遍历容易中的button 然后 确定点击的按钮，添加CLASS 属性bk-button-current  这样就可以了，如果你有js 或者jquery的基础的，实现很简单，如果不行的话 我帮你写一个！