Question

CSS中用了超链接后字体颜色变了

我有两段文字，是两种颜色，但是用了a link visisted hover之后都变成第一段文字的颜色了。怎么才能变回来
最好能帮我修改出来

Answer 1

。。。。 直接在 link visisted hover里面添加你要的颜色， 没见过这么写CSS的， 能合并的就合并

追问

1. 怎么合并啊，这几个好像不能合并吧

2. 如果在ink visisted hover里添加颜色的话，那不是三条都要写一遍？

追答

a,a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

#firstName{float:left;color:#5500DD;}
#firstName a{color:red;}

#secondName{folat:right;color:#11FF00;}

第一个文字
第二个文字

你不要在A{}这个全局里添加颜色自然就不会让第一个字变色，你要改第一个字的颜色直接定位到它的ID里

Answer 2

不知道这样你能看懂不，有什么不懂的可以问我！

追问

这个a{ ... }只能定义鼠标没上去的时候，我想实现放上去有下划线，你这个代码就实现不了了吧

追答

#sde a:hover{color:black; text-decoration:underline;} 是可以实现的，各种方法 ，各种实现，你试试就能ok， 你把这段放上去 看看是不是你想要的效果

#sde a{ text-decoration:none; color:red;}
#dd a{ text-decoration:none; color:blue;}
#sde a:hover{color:black; text-decoration:underline;}
#dd a:hover{color:green; text-decoration:underline;}

测试环境
测试环境

追问

你这方法我试了，首先要a：link{ }才能实现鼠标不放上去无下划线，就a{ }不起作用
然后就是颜色还是不对
顺便说一句啊我用的是EditPlus编辑器 ，测试的是火狐很360浏览器，这会不会有关系

追答

a{}里面去下划线，加上不经过时的字体颜色，#id a：hover{}中加下划线 加上鼠标经过要显示的颜色，我用的也是火狐，没有问题，肯定可以实现的

追问

我就是复制你的代码的，不行啊。。

Answer 3

再在这三个里面定义color:#值

追问

那岂不是很麻烦，有什么简单的方法吗