老师，代码对吗？
来源：2-20 编程练习
weixin_慕斯卡1279472
2020-11-21 04:54:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p {
height: 30px;
}
a {
text-decoration: none;
color: orange;
}
a:hover {
font-size: 20px;
border: 1px solid red;
}
.suit a:active {
color: green;
}
.wc a:active {
color: blue;
}
.skin a:active {
color: purple;
}
</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回答
-
同学你好，伪类:active表示设置超链接激活时的样式，但练习要求超链接被访问后，改变字体颜色，如下图所示：
建议修改：使用伪类:visited实现效果。
另外，当点击其中一个超链接的时候，其他的超链接也跟着改变了字体颜色。因为a标签的href属性值是一样的，所以当点击了第一个“衣服鞋帽”的时候，其他两个也跟着改变了颜色。
建议：将href属性值调整为不同的值
祝学习愉快~
1
相似问题