为什么我实现不了未被链接时候字体是橘色，直接显示visited的颜色
来源：2-15 伪类
慕移动1474755
2021-02-23 11:48:59
相关代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>前端学习</title>
<style>
p{
height:30px;
}
p a{
text-decoration:none;
}
p.suit a:link{
color:orange;
}
p.wc a:link{
color:orange;
}
p.skin a:link{
color:orange;
}
p.suit a:visited{
color:green;
}
p.wc a:visited{
color:blue;
}
p.skin a:visited{
color:purple;
}
.suit a:hover{
font-size:20px;
border:1px solid red
}
.wc a:hover{
font-size:20px;
border:1px solid red
}
.skin a:hover{
font-size:20px;
border:1px solid red
}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#">厕所清洁</a>
</p>
<p class="skin">
<a href="#">化妆用品</a>
</p>
</body>
</html>
写回答
1回答
-
好帮手慕张
2021-02-23
同学你好，老师这边测试是可以显示未被链接时候字体是橘色设置的
同学那里只显示点击过后的颜色是因为：链接被点击过一次就会被浏览器进行缓存记录，所以就显示访问过后设置的颜色了，为了测试效果同学可以换个浏览器进行测试，或者清除一下浏览器缓存数据，谷歌浏览器清除缓存快捷键为：Ctrl+Shift+Delete，打开谷歌浏览器再直接按下快捷键，然后弹出下图页面直接点击清除数据即可。
祝学习愉快！
0
相似问题