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的时候,使用,例:
希望能帮助到你,欢迎采纳。
祝学习愉快!
相似问题