老师看一下代码
来源：2-20 编程练习
dy12369
2021-12-02 22:00:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a {
text-decoration:none;
}
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="#">化妆用品</a>
</p>
</body>
</html>
1回答
-
好帮手慕小李
2021-12-03
同学你好，效果完成的很棒，先赞一个，这里老师要多一说一句，这道题其实是想让我们挨个点击a标签，然后实现变颜色的效果。老师把代码优化了一下如下：
a标签的href如果都填成井号，那么点击其中一个其他两个会跟随一起变色，那么就脱离了这道题的初衷了，出现这种现象的原因是，举个例子href全填写井号就约等于全部都填了https://www.imooc.com/一样，浏览器会认为这三个href都是相同的，就会出现点击一个其余两个也一并变颜色了，所以老师这里用#后面跟数字1、2、3来让浏览器认为这三个href是不同的链接地址，然后就可以实现一个一个点击实现效果了。
同学试试，祝学习愉快~
0
相似问题