帮忙检查一下代码，谢谢
来源：2-20 编程练习
LymSuper
2021-03-24 16:06:18
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
p a{text-decoration:none;}
a:link{
color:orange;
}
a:hover{
font-size:20px;
border:1px solid red;
}
p.suit a:visited{
color:green;
}
p.wc a:visited{
color:blue;
}
p.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回答
-
好帮手慕慕子
2021-03-24
同学你好， 因为a链接的href属性值都一样，点击一个a链接，其他的链接也都相当于已经被访问过了，所以颜色都会发生改变。
建议：调整href属性为不同的值，清除浏览器缓存后再测试下。示例：
祝学习愉快~
1
相似问题