老师你看一下代码对不,是不是点了击一次链接橙色就回不去,刷新也没用了
来源:2-20 编程练习
慕斯卡3207908
2022-01-30 22:02:54
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a {
text-decoration:none;
}
p a:link {
color:orange;
}
p a:hover {
font-size:20px;
border:solid 1px red;
}
.suit a:visited {
color:green;
}
.wc a:visited {
color:blue;
}
.skin a:visited {
color:purple;
}
</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回答
好帮手慕星星
2022-02-04
同学你好,点击一个链接,三个都会变为访问过的状态,这是因为a标签的href属性值都为#,改为不一样的即可
针对提问回复:
点了击一次链接橙色就回不去,刷新也没用了,这是正常的。因为访问过了,有历史记录,如果想回到未访问的状态,清除缓存记录就好了。
祝学习愉快!
相似问题