如何解决CSS 定义多个类背景图片超链接变化后,被点击过的链接只显示最后一个类的visited图片? 70

我的代码如下:ulli{list-style:none;}/*首页菜单变化*/.indsia:link,a.indsi:visited{display:block;wid... 我的代码如下:
ul li{ list-style:none;}
/*首页菜单变化*/
.indsi a:link,a.indsi:visited{ display:block; width:70px; height:172px; background:url(images/si_org.jpg);}/*链接、点击后*/
.indsi a:hover{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*鼠标经过*/
.indsi a:active{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*点击时*/
.indhui{ auto;}
.indhui ul li{ float:left; }
.indhui ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/hui_org.jpg);}/*链接、点击后*/
.indhui ul li a:hover{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*鼠标经过*/
.indhui ul li a:active{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*点击时*/
.indshi{ auto;}
.indshi ul li{ float:left; }
.indshi ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/shi_org.jpg);}/*链接、点击后*/
.indshi ul li a:hover{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*鼠标经过*/
.indshi ul li a:active{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*点击时*/
如上文,三个不同类的超链接只要点击过后就只显示shi_org.jpg作为背景图,下文是类在HTML中
<td><div class="indsi"><ul><li><a href="si.asp"></a></li></ul></div></td>
<td><div class="indhui"><ul><li><a href="hui.asp"></a></li></ul></div></td>
<td><div class="indshi"><ul><li><a href="shi.asp"></a></li></ul></div></td>
展开
 我来答
匿名用户
2015-03-13
展开全部
.indshi ul li a:link,a:visited这边这样写肯定会出现这样的情况

.indshi ul li a:link,.indshi ul li a:visited应该是这样的吧。

上面也有一处。
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式