为什么会先显示a:visited中的颜色,而不是a:link中的?

这是我的代码:<style>a:link{color:black;text-decoration:none;}a:visited{color:red;text-decor... 这是我的代码:
<style>
a:link { color:black; text-decoration: none;}
a:visited { color:red;text-decoration: none;}
a:hover { color:blue;text-decoration: none;}
a:active { color:green;text-decoration: none;}
</style>

<body>
<a href="#" target="_blank">伪类效果</a>
</body>
展开
 我来答
诸葛子乚明
2016-06-16 · TA获得超过157个赞
知道小有建树答主
回答量:144
采纳率:100%
帮助的人:37.2万
展开全部

1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 

2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性,后面的属性会覆盖前面的属性定义; 

所以说,a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是:a:link、a:visited、a:hover、a:active .

<html>
<head>
<title>A标签的问题</title>
<style>
a:link { color:black; text-decoration: none;}
a:visited { color:red;text-decoration: none;}
a:hover { color:blue;text-decoration: none;}
a:active { color:green;text-decoration: none;}
</style>
</head>
<body>
<a href="#">鼠标经过和点击的效果不同</a>
</body>
</html>

匿名用户
2019-03-13
展开全部
解决办法:
如果这是你第一次写a标签的代码的话,会显示a:link中的黑色,
但如果你以前写过a标签的话,浏览器的缓存会记录a标签,所以你的显示是红色,
建议方法,将浏览器缓存清空,再试一次,你就发现显示的是a:link中的黑色了
每当你点击这个a标签,想要显示a:link,你就要清楚缓存
一般伪类标签:visited 用于新闻网站,提醒人们该内容已观看
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友47f9c6a
2016-03-29 · 超过83用户采纳过TA的回答
知道小有建树答主
回答量:219
采纳率:0%
帮助的人:86.4万
展开全部
因为你点过了<a>标签
a:visited是点击后的样式
a:link是未点击的样式

<a>标签设置各状态方式分别如下
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
逛百专业户
2016-04-07 · TA获得超过196个赞
知道小有建树答主
回答量:297
采纳率:0%
帮助的人:133万
展开全部
1、首先你如果全局定义了 a:visited a:link 的颜色,然后你在某个div中单独设置了 a:visited的颜色,那在那个区域,先执行距离层最近的 已访问过链接的颜色(被点击过的)
2、没有清除缓存或者清除层样式的话,已点击过的链接颜色不变。

可以把代码贴出来看下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
awl805
2015-04-13 · TA获得超过392个赞
知道小有建树答主
回答量:302
采纳率:100%
帮助的人:316万
展开全部
a:link只是表示链接。而a:visited是浏览过的链接,从优先级别上来讲,a:visited比较高,而且,浏览器这么解释的目的也是为了更好的给用户和开发人员对链接进行区分开来,

当然,现在的主流都一是链接一致了,不管你浏览过还是没有,常用的是hover鼠标悬停的样式,给用户提示可以点击
更多追问追答
追问
那么如何实现浏览过的和未浏览链接有不同的效果?
追答
你当前问的不就是不同的效果了?
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(9)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式