老师帮忙检查下？
来源：3-24 编程练习
慕田峪5398473
2019-01-24 11:11:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a:link{color:orange;}
.suit a:visited{color:green;}
.wc a:visited{color:blue;}
.skin a:visited{color:purple;}
p a:hover{color:green;
font-size:20px;
border:1px solid red;
}
a{text-decoration:none;}
</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回答
-
山河远阔ZZ
2019-01-24
同学你好，因为代码中，a标签href里面的链接地址写的一样，所以访问了其中任何一个的时候，三个超链接的文字都发生了变化，建议href里面的链接地址写成不一样的，参考下图：
如果帮助到了你，欢迎采纳。
祝学习愉快！
0
