老师为啥代码无法实现本题（3（4）（5）要求，我点击一个链接之后所有链接都变成了紫色
来源：3-23 编程练习
localhost999
2020-06-23 21:28:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a{text-decoration:none;}
p{height:30px;}
p:link{color:orange;}
p:visited{}
p:hover{font-size:20px;border:1px solid red;}
p:active{}
p.suit:visited{color:green;}
p.wc:visited{color:blue;}
p.skin: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回答
-
同学你好，代码中问题如下：
（1）因为这里链接是相同的，所以访问了一个，其他的也是已经访问状态。建议修改为不一样的链接：
（2）当链接未被访问时，链接的字体颜色是橘色；没有实现，link样式应该设置在a标签上：
（3）访问之后，字体颜色分别变为绿色、蓝色、紫色没有实现，应该将 visited设置在a标签上：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
0
相似问题