麻烦老师看一下这个代码以及代码的实现是否正确。谢谢老师
来源:3-23 编程练习
努力学习的小张
2020-08-17 22:40:01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
p.suit a:link{color:orange;}
p.suit a:visited{color:green;}
p.suit a:hover{font-size:20px;border:1px solid red;}
p.wc a:link{color:orange;}
p.wc a:visited{color:blue;}
p.wc a:hover{font-size:20px;border:1px solid red;}
p.skin a:link{color:orange;}
p.skin a:visited{color:purple;}
p.skin a:hover{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回答
好帮手慕夭夭
2020-08-18
同学你好,代码正确,但是需要优化。样式一样的,可以使用群组选择器,这样代码更简洁,如下修改:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题