请老师检查代码，谢谢
来源：3-23 编程练习
qq_慕姐242209
2019-12-24 12:36:55
<!DOCTYPE html>
<html>
<head>
<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>
1回答
-
好帮手慕糖
2019-12-24
同学你好，代码中的问题如下：
1、.suit、.wc、.skin这三个类是p元素的类，不是a的，不能直接a.suit这么使用，建议：可以为p.suit a这样使用，例：
2、hover的时候，字体颜色没有改变。因为visited中有父级的标签以及类，权值比较大，建议：可以在添加一个类，在hover的时候使用，例：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
0
相似问题