我想问一下,为什么我只访问一个,三个链接的字颜色都变成已访问的颜色,代码哪里有问题吗
来源:3-23 编程练习
慕仔8408207
2020-03-25 18:21:35
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a:link{color:orange;}
a:hover{font-size:20px;border:1px solid red }
a.suit:visited{color:green;}
a.wc:visited{color:blue;}
a.skin:visited{color:purple;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p >
<a href="#" class="suit">衣服鞋帽</a>
</p>
<p >
<a href="#" class="wc">厕所清洁</a>
</p>
<p >
<a href="#" class="skin">化妆用品</a>
</p>
</body>
</html>
1回答
同学你好,因为a标签的href属性值是一样的,所以点击一个,全部都会变为访问状态。需要修改为不一样的,如下
样式设置的没有问题,很棒!
可以再测试下,祝学习愉快!
相似问题