请检查3-23作业
来源:3-23 编程练习
丹丹陈
2020-08-21 22:53:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a{text-decoration:none;}
:link{color:orange;}
a:hover{font-size:20px;border:1px solid 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回答
同学你好,点击一个链接,所有的都会变为访问状态,效果是不对的。
这是因为a标签href属性值相同,换为不一样的即可,例如
其他样式没有问题,自己再测试下。
祝学习愉快!
相似问题