老师您好，麻烦您帮忙看看有没有需要改进的地方
来源：3-23 编程练习
慕仙5562557
2020-09-18 23:40:14
<!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;}
p 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回答
-
同学你好，效果中有一个问题：
1、任意点击一个a标签时，其他a标签的状态都变成已访问状态，样式一起改变。
正确的效果应该是：当你点击“衣服鞋帽”的时候,"衣服鞋帽"改变样式，其他的不改变样式。
这是因为这三个a标签中的href属性值都是“#”，建议href的属性值修改成不一样的，例如：
如果帮助到了你，欢迎采纳，祝学习愉快！
0
相似问题