老师,为什么访问一个后,3个链接的颜色都变了
来源:3-23 编程练习
我的乖乖隆地洞
2019-09-19 22:38:59
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style type="text/css"> p{height:30px;} /*补充代码*/ p a{text-decoration: none;} .suit a:link,.wc a:link,.skin a:link{color:orange;} .suit a:visited{color: green} .wc a:visited{color: blue} .skin a:visited{color:pink;} .suit a:hover,.wc a:hover,.skin a:hover{color:green;font-size: 20px;border:1px solid red;} </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回答
好帮手慕码
2019-09-20
同学你好!
因为a标签所链接的地址一致,所以会出现点击一个所有链接的颜色都变了的情况。建议区分不同的链接,如下:
如果帮到了你,欢迎采纳,祝学习愉快~
相似问题