3-23编程练习,为什么我点击一个链接其他链接都变为访问后的颜色状态
来源:3-23 编程练习
Ray丶Kwok
2019-04-02 12:09:13
是因为没有设置具体链接吗
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a{text-decoration:none;}
p{height:30px;}
/*补充代码*/
a:link {color:orange;}
a:hover{color:green; font-size:20px; border:1px solid red;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.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回答
你好,1、是的哦,因为链接是相同的,访问一个,其他的也是都访问不了,这里可以换不同的链接测试哦。
2、访问之后,在hover字体就不变味绿色了,这是因为:
(1)hover应该在visited后面;
(2)visited中有父级的标签以及类,权值比较大,建议:可以在添加一个类,在hover的时候,使用,例:

希望能帮助到你,欢迎采纳。
祝学习愉快!
相似问题