老师，请您检查一下
来源：3-23 编程练习
慕村梦花火
2019-11-12 21:42:32
<!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;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
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回答
-
同学你好，代码中问题如下：
1、样式结尾缺少括号：
2、点击一个a链接，全部都会变成访问后效果。这是因为a标签的href属性值一样，可以修改为不一致的：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
1
相似问题