老师，请检查
来源：3-23 编程练习
unbreakable_全栈
2020-07-09 17:39:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a:link {
color:orange;
}
.suit a:visited {
color: green;
}
.wc a:visited {
color: blue;
}
.skin a:visited {
color: purple;
}
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="#">化妆用品s</a>
</p>
</body>
</html>
2回答
-
同学你好，当点击其中一个时，其余的都会变色。这是因为a标签的href属性值一样，可以修改为不一致的：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
0h020-07-10 -
好帮手慕粉
2020-07-10
同学你好，假如当我们点击第一项时，后面的a标签字体也会发生变化：
同学可以自己再测试一下。
0
相似问题