css 这里的visited没有反应？ 70
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>llll</title><styletype="text/c...
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>llll</title> <style type="text/css"> ul.nav{ margin:0px; padding: 0px; list-style-type: none; width:8em; background-color: #8bd400; border:1px solid #486b02; } li{ padding: 0px; } ul.nav a{ display: block; color: #2b3f00; text-decoration: none; border-bottom:1px solid #486b02; border-top: 1px solid #e4ffd3; padding: 0.3em 1em; background: url('images/1.gif') no-repeat -20px 50%; } ul.nav:last-child{ border-bottom: 0; } ul.nav a:visited{ background-color:red; } ul.nav a:hover,a:focus,a:active{ background:url('images/1.gif') no-repeat -220px 50%; }
</head><body> <ul class="nav" id=“mm"> <li><a href="" target="_blank">baidu</a></li> <li><a href="" target="_blank">youku</a></li> <li><a href="" target="_blank">tudou</a></li> <li><a href="#mm" target="_blank">maopu</a></li> <li><a href="" target="_blank">tianya</a></li> <li><a href="" target="_blank">tyy6</a></li> </ul></body>
<html>
这是图片1.gif
href里的网址没打出来，可以随便加个。
http://pan.baidu.com/s/1i3kTb85
我把文件和图片放在网盘上了，希望大神能看一下。 展开
</head><body> <ul class="nav" id=“mm"> <li><a href="" target="_blank">baidu</a></li> <li><a href="" target="_blank">youku</a></li> <li><a href="" target="_blank">tudou</a></li> <li><a href="#mm" target="_blank">maopu</a></li> <li><a href="" target="_blank">tianya</a></li> <li><a href="" target="_blank">tyy6</a></li> </ul></body>
<html>
这是图片1.gif
href里的网址没打出来，可以随便加个。
http://pan.baidu.com/s/1i3kTb85
我把文件和图片放在网盘上了，希望大神能看一下。 展开
6个回答
2014-11-15 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
这个问题有这么难解决吗？你新建一个html文件，直接复制下面代码然后测试。我这里测试成功了。
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>llll</title>
<style type="text/css">
ul.nav{
margin:0px;
padding: 0px;
list-style-type: none;
width:8em;
border:1px solid #486b02;
}
li{
padding: 0px;
}
ul.nav a{
display: block;
color: #2b3f00;
text-decoration: none;
border-bottom:1px solid #486b02;
border-top: 1px solid #e4ffd3;
padding: 0.3em 1em;
background:#8bd400 url('images/1.gif') no-repeat -20px 50%;
}
ul.nav:last-child{
border-bottom: 0;
}
ul.nav a:visited{
background-color:red;
}
ul.nav a:hover,a:focus,a:active{
background:url('images/1.gif') no-repeat -220px 50%;
}
</style>
</head>
<body>
<ul class="nav" id="mm">
<li><a href="#123" target="_blank">baidu</a></li>
<li><a href="" target="_blank">youku</a></li>
<li><a href="" target="_blank">tudou</a></li>
<li><a href="#mm" target="_blank">maopu</a></li>
<li><a href="" target="_blank">tianya</a></li>
<li><a href="" target="_blank">tyy6</a></li>
</ul>
</body>
<html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ul.nav a:hover,a:focus,a:active{
background:url('images/1.gif') no-repeat -220px 50%;
}
----------------------
ul.nav a:hover, ul.nav a:focus,ul.nav a:active{
background:url('images/1.gif') no-repeat -220px 50%;
}
这样试试。
更多追问追答
追问
貌似也不行，虽然这里没有注意到
追答
你想要visited有什么反应？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要给a：hover｛这里面样式｝
这是鼠标指上去改变的样式。如果是要点击过后的 我推荐可以给个a.ok｛点击后的样式｝
然后你在给你要用的A里面加class=“ok”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>llll</title>
<style type="text/css">
ul.nav{
margin:0px;
padding: 0px;
list-style-type: none;
width:8em;
background-color: #8bd400;
border:1px solid #486b02;
}
li{
padding: 0px;
}
ul.nav a{
display: block;
color: #2b3f00;
text-decoration: none;
border-bottom:1px solid #486b02;
border-top: 1px solid #e4ffd3;
padding: 0.3em 1em;
background: url('images/1.gif') no-repeat -20px 50%;
}
ul.nav:last-child{
border-bottom: 0;
}
ul.nav a:visited{
background-color:red;
}
ul.nav a:hover,a:focus,a:active{
background:url('images/1.gif') no-repeat -220px 50%;
}
ul.nav a.ok{
background:url('images/1.gif') no-repeat -220px 50%;
}
</style>
</head>
<body>
<ul class="nav" id="mm">
<li><a href="" target="_blank" class="ok">baidu</a></li>
<li><a href="" target="_blank">youku</a></li>
<li><a href="" target="_blank">tudou</a></li>
<li><a href="#mm" target="_blank">maopu</a></li>
<li><a href="" target="_blank">tianya</a></li>
<li><a href="" target="_blank">tyy6</a></li>
</ul>
</body>
<html>
或者你是想要这样的吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我测试了。
第一，你</style>忘记写了，要加上
第二， 你先要给
ul.nav a{
display: block;
color: #2b3f00;
text-decoration: none;
border-bottom:1px solid #486b02;
border-top: 1px solid #e4ffd3;
padding: 0.3em 1em;
background: url('images/1.gif') no-repeat -20px 50%;
}
加一个background-color，才会有对比。不然visited没用。
第一，你</style>忘记写了，要加上
第二， 你先要给
ul.nav a{
display: block;
color: #2b3f00;
text-decoration: none;
border-bottom:1px solid #486b02;
border-top: 1px solid #e4ffd3;
padding: 0.3em 1em;
background: url('images/1.gif') no-repeat -20px 50%;
}
加一个background-color，才会有对比。不然visited没用。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
注册你的a是用background: url('images/1.gif') no-repeat -20px 50%;
而你的nav a:visited用的是background-color
ul.nav a:visited{
background:red;
}
这样就行了。
而你的nav a:visited用的是background-color
ul.nav a:visited{
background:red;
}
这样就行了。
追问
这样子也不行，其实我源程序是用的background的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
