请老师检查代码
来源：2-20 编程练习
it届纹身师
2021-06-09 16:21:03
<!DOCTYPE html>
<html>
<head>
<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;
}
.p1 a:visited{
color:green;
}
.p2 a:visited{
color:blue;
}
.p3 a:visited{
color:purple;
}
</style>
</head>
<body>
<h2>商品列表</h2>
<p1 class="suit">
<a href="#">衣服鞋帽</a>
</p1>
<p2 class="wc">
<a href="#">厕所清洁</a>
</p2>
<p3 class="skin">
<a href="#">化妆用品</a>
</p3>
</body>
</html>
老师为什么我这个未点击为橙色不实现呀？
1回答
-
好帮手慕然然
2021-06-09
同学你好，原因如下：
首先，超链接a标签的href属性值为#，可能之前访问过，已经变成了访问状态。
其次，超链接a标签的href属性值不能相同，否则访问其中一个超链接，其他超链接也会被访问到，变成访问状态，建议将href属性值修改为不同的值，参考如下：
另外，同学的代码中，给被访问后的超链接设置字体颜色时，使用的类选择器对应的元素不存在，建议参考如下修改
祝学习愉快！
0
相似问题