13问答网 > 为什么会先显示a:visited中的颜色，而不是a:link中的？

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

2025-03-04 18:29:19

推荐回答（5个）

回答1：

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

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

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



A标签的问题



鼠标经过和点击的效果不同

回答2：

解决办法：
如果这是你第一次写a标签的代码的话，会显示a:link中的黑色，
但如果你以前写过a标签的话，浏览器的缓存会记录a标签，所以你的显示是红色，
建议方法，将浏览器缓存清空，再试一次，你就发现显示的是a:link中的黑色了
每当你点击这个a标签，想要显示a:link，你就要清楚缓存
一般伪类标签：visited 用于新闻网站，提醒人们该内容已观看

回答3：

因为你点过了标签
a:visited是点击后的样式
a:link是未点击的样式

 标签设置各状态方式分别如下
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */

回答4：

1、首先你如果全局定义了 a:visited a:link 的颜色，然后你在某个div中单独设置了 a:visited的颜色，那在那个区域，先执行距离层最近的已访问过链接的颜色（被点击过的）
2、没有清除缓存或者清除层样式的话，已点击过的链接颜色不变。

可以把代码贴出来看下

回答5：

a:link只是表示链接。而a:visited是浏览过的链接，从优先级别上来讲，a:visited比较高，而且，浏览器这么解释的目的也是为了更好的给用户和开发人员对链接进行区分开来，

当然，现在的主流都一是链接一致了，不管你浏览过还是没有，常用的是hover鼠标悬停的样式，给用户提示可以点击