我只是想改变链接颜色。最初它会显示红色,如果它被访问然后绿色和鼠标悬停黄色。但它从第一个开始显示绿色。我在哪里做错了?
<html>
<head>
<style type="text/css">
a.class1:link { color: red;}
a.class1:visited { color: green;}
a.class1:hover { color: yellow;}
</style>
</head>
<body>
Down there is a link...
<br>
<span class="class1">
<a href="http://www.google.com" target="_blank" class="class1">Google</a>
</span>
</body>
</html>
答案 0 :(得分:0)
因为您定位的是span
和a
加上您已经访问了http://www.google.com
,所以请按以下方式进行:
a.class1:link {
color: red;
}
a.class1:visited {
color: green;
}
a.class1:hover {
color: yellow;
}
&#13;
This link will be red (because you -OP- didn't visit yet)
<span>
<a href="#randomlinkhere" target="_blank" class="class1">Google</a>
</span>
<hr />
This link will be green (because you -OP- already visited)
<span>
<a href="http://www.google.com" target="_blank" class="class1">Google</a>
</span>
&#13;