老师,为什么访问一个后,3个链接的颜色都变了
来源:3-23 编程练习
我的乖乖隆地洞
2019-09-19 22:38:59
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
p a{text-decoration: none;}
.suit a:link,.wc a:link,.skin a:link{color:orange;}
.suit a:visited{color: green}
.wc a:visited{color: blue}
.skin a:visited{color:pink;}
.suit a:hover,.wc a:hover,.skin a:hover{color:green;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回答
好帮手慕码
2019-09-20
同学你好!
因为a标签所链接的地址一致,所以会出现点击一个所有链接的颜色都变了的情况。建议区分不同的链接,如下:

如果帮到了你,欢迎采纳,祝学习愉快~
相似问题