问题如下:麻烦大家了

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">a:active{/*这里点击鼠标为何背景色没反应，把a:active改为#A1:active才有反应或者下面的#A1给为a才有反应，为什么*/background-color: #4075b0;}#A1{float: left;display: block;background-color: #bbb;padding:16px;color: #fff;text-decoration: none;} </style></head><body><a href="page1" id="A1">链接A</a></body></html>

查看完整描述

2 回答

已采纳

业余奶茶品鉴师

TA贡献260条经验获得超388个赞

//img1.sycdn.imooc.com//57f0cb2c0001a42405180655.jpg

如图所示，#A1的样式层叠了 a:active 的，所以没有效果。望采纳

2 反对回复 2016-10-02

我要开发地图系统
这是css选择器的优先级问题，计算方法如下：id = 100,class = 10,元素 = 1 ，数值越大优先级越高。所以,#A=100,a:active=1 + 10 =11,100自然是比11大很多，看出来了吧，无法你怎么折腾，结果都是无法变化的，那怎么办？可以把id换成类试试。

回复 2016-10-02

慕斯卡3373845

TA贡献1条经验获得超1个赞

把id=A1去了再设置a：active试试

1 反对回复 2016-10-02

问题如下:麻烦大家了

问题如下:麻烦大家了

2 回答

相关问题推荐

添加回答

热搜

最近搜索清空

问题如下:麻烦大家了

问题如下:麻烦大家了

2 回答

相关问题推荐

添加回答