老师 帮忙检查下
来源：2-20 编程练习
lcy_18
2020-12-06 17:23:37
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a{
text-decoration: none;
}
a: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属性值一样，需要修改为不一样的，参考
样式设置没有问题，很棒！
祝学习愉快~
0
相似问题