2 qq 39464862 qq_39464862 于 2017.08.29 10:01 提问

当鼠标点击过后,该栏目文字变颜色,请问要怎么实现!
css

.content .left ul li ul li a{padding-left:30px;display:block;background:url(../images/05.gif) no-repeat left;}
.content .left ul li ul li a:visited{color: #0053a1;text-decoration:none;}
这是我设置的样式 但是显示的时候图片说明直接就显示点击后的颜色

9个回答

Sanjay_yww
Sanjay_yww   2017.08.29 10:08

这样设置后点击任何一个其他都会跟着变色

qq_39464862
qq_39464862   2017.08.29 10:11

求大神指点要怎么修改

m0_37852904
m0_37852904   2017.08.29 10:47

可以直接用个js来写不挺方便的么!直接用css会导致全部变色的

qq_39464862
qq_39464862   2017.08.29 10:59

大神 能不能给个js代码看看

qly2008
qly2008   2017.08.29 11:02

使用css来改变颜色 最好是按顺序把:link :hover :active :visited 这四种情况按顺序都写上去,这样就不会出错了,如果单一的写一种,尤其是:visited 就会导致直接显示点击之后的颜色

qq_39464862
qq_39464862   2017.08.29 11:02

那里面需不需要写内容

qq_34973422
qq_34973422   2017.08.29 11:22

引用jquery后的js代码
$(function(){
$("a").click(function(){
$(this).addClass("clicked").siblings().removeClass("clicked");
)
})
css样式中
.clicked{color:#0053A1;}

qq_34973422
qq_34973422 回复qq_39464862: 那你用楼下那个,记住顺序不能变
3 个月之前 回复
qq_39464862
qq_39464862 当点击a标签后 相当于刷新了这个页面,效果就没了,要怎么解决啊
3 个月之前 回复
weisheixiaoxin
weisheixiaoxin   2017.08.29 11:24

css 伪类 :active
a:link {color: #FF0000} /* 未访问的链接 /
a:visited {color: #00FF00} /
已访问的链接 /
a:hover {color: #FF00FF} /
当有鼠标悬停在链接上 /
a:active {color: #0000FF} /
被选择的链接 */

http://www.w3school.com.cn/cssref/pr_pseudo_active.asp

markety
markety   2017.09.02 16:20

用jquery效果比较容易实现

Csdn user default icon
上传中...
上传图片
插入图片