辛苦老师检查下我的代码，看了问答才知道是href这里冲突了，可以问下为什么会这样吗
来源：2-20 编程练习
weixin_慕仙5153038
2021-05-04 21:20:28
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a{
text-decoration:none;
}
a:link{
color:orange;
}
.suit a:visited{
color:green;
}
.wc a:visited{
color:blue;
}
.skin a:visited{
color:purple;
}
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="http://baidu.com">厕所清洁</a>
</p>
<p class="skin">
<a href="http://jd.com">化妆用品</a>
</p>
</body>
</html>
问题描述：
辛苦老师检查下我的代码，看了问答才知道是href这里冲突了，可以问下为什么会这样吗，还有调试一次后再次调试就还是保持访问过的样式，这个怎么解决呢，是浏览器保留了cookie了吗
1回答
-
好帮手慕星星
2021-05-05
同学你好，代码实现效果可以。
针对提问回复：
是因为a访问过一次就会保留历史记录，不是保留cookie，href值全部是一样的话，那么访问一个就相当于访问了全部的，所以要设置不同的。
如果想恢复到访问之前的样式，可以清除历史记录。在浏览器地址栏输入
chrome://history/
然年重新访问页面即可。
祝学习愉快！
0
相似问题