Question

网页制作，点击链接后变的颜色怎么保持啊？

我用css实现了点击链接后，链接背景变颜色，但之后只要一点击空白处颜色就又变回去了，听别人说是CSS焦点失效了。不知道是什么意思？到底应该怎样改啊，如果用CSS不行的话，可以用JS实现吗？又怎么弄呢？

我的CSS代码如下：a:link {color: #00ff00}
a:visited {background: #0000ff}
a:hover {font-size: 150%}
a:active {background: #ff0000}
我是菜鸟，大牛帮帮忙啊，有点急的！

Answer 1

1、a:link连接平常的状态
2、a:visited连接被访问过之后

3、a:hover鼠标放到连接上的时候
4、a:active连接被按下的时候
需要点击链接后变的颜色保持需要将a:visited的color属性值与a:hover的color属性值取值一致

Answer 2

a:link {color: #00ff00}
a:hover {font-size: 150%}
只保留这两个就可以，其它没什么意思，一个是点击，一个是点击后
而现在网页都的效果，都是移动上时的效果

追问

不行啊，要求是必须要做出点击链接后，链接保持颜色改变。。。

追答

你这样来写
a {color: #00ff00}
a:active {background: #ff0000}
a:hover {font-size: 150%}
这样就可以了

追问

这样点击后是会变颜色，但之后只要一点击空白处颜色就又变回去了，怎样才能保持那个颜色不变呢？

追答

你提问的要求不就是这样的吗？

Answer 3

哇塞，我最怕CSS+DIV了

Answer 4

www.baidu.com

Answer 5

这个功能比较全，兼容各浏览器；CSS设置好就可以了，而且……；主要是你的分太少了。。
【JS】
function nTabs(tabObj,obj){
var tabList = document.getElementById(tabObj).getElementsByTagName("span");
for(i=0; i <tabList.length; i++)
{
if (tabList[i].id == obj.id)
{
document.getElementById(tabObj+"_Title"+i).className = "class标签1";
document.getElementById(tabObj+"_Content"+i).style.display = "block";
}else{
document.getElementById(tabObj+"_Title"+i).className = "class标签2";
document.getElementById(tabObj+"_Content"+i).style.display = "none";
}
}
}
【CSS】
class标签1 {width:80px;color: #00ff00}
class标签2 {width:80px;background:#ff0000;font-size: 150%}
【内容】
<div id="news">
<span id="news_0" onClick="nTabs('news',this);" class="class标签1"><a href="#">哼哼哈</a></span>
<span id="news_1" onClick="nTabs('news',this);" class="class标签2"><a href="#">哼哼哈飞</a></span>
<span id="news_2" onClick="nTabs('news',this);" class="class标签2"><a href="#">哼哼哈哼哼哈黄巾军</a></span>
</div>