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

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

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

我需要一段CSS的代码
展开
 我来答
设计师胡琼
2016-07-17 · TA获得超过645个赞
知道小有建树答主
回答量:593
采纳率:0%
帮助的人:312万
展开全部
这种用CSS是没办法实现的,CSS只能为实现 #a1:visited 属性,实现点击后变色,像你说的这种只能用jquery 来遍历容器中的属性,然后根据点击来判断后添加颜色!
追问

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

追答

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




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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式