请老师检查代码,谢谢

来源:3-23 编程练习

qq_慕姐242209

2019-12-23 23:52:47

http://img.mukewang.com/climg/5e00e2b609e4c81705110454.jpg

写回答

2回答

好帮手慕夭夭

2019-12-24

同学你好,当链接访问过之后,颜色都是一样的,如下图所示:

http://img.mukewang.com/climg/5e01df0d096e7dc401450141.jpg

而要求是每一个链接访问的颜色是不一样的:

http://img.mukewang.com/climg/5e01df1e0936c16e04050139.jpg

这是因为css中选择器使用的不对,拿a.suit:visited举例子,它选择的是a元素,且这个a元素定义了suit类名。但是在代码中, suit类名是给a的父元素设置的,所以不对。

http://img.mukewang.com/climg/5e01df3b09cf879102730249.jpg

如下修改:

http://img.mukewang.com/climg/5e01dfdb09bd512405650338.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

好帮手慕夭夭

2019-12-24

同学你好,请把代码粘贴到问答区(不要截图),以便老师更准确高效的为你检查。

祝学习愉快!

0
hq_慕姐242209
h <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>伪类选择器</title> <style type="text/css"> p{height:30px;} a{text-decoration:none;} a:link{color:orange;} a.suit:visited{color:green;} a.wc:visited{color:blue;} a.skin:visited{color:purple;} a:hover{font-size:20px;border:1px solid red;color:green;} </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>
h019-12-24
共1条回复

0 学习 · 40143 问题

查看课程