伪类用三个可以嘛
来源：2-20 编程练习
qq_慕仰20210716
2021-07-23 11:20:31
老师，我有一个疑问，我这样子可以实现吗，可以只用三个伪类吗，四个不一起用。我这样子问题出在哪呀。辛苦老师解答❤
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>伪类选择器</title>
<style type="text/css">
/*补充代码*/
a:link {
color: orange;
}
p.suit a:visited{
color: green;
}
p.wc a:visited{
color: blue;
}
p.skin a:visited{
color: purple;
}
a:hover {
font-size: 20px;
}
p{
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>
2回答
-
同学你好，使用第二次提供的代码测试，是可以实现效果的，祝学习愉快~
0 -
好帮手慕言
2021-07-23
同学你好，代码中存在以下问题：
1、要求是：当鼠标悬停在链接上，有1个像素的红色边框，而测试同学提供的代码，鼠标没有悬停在链接上，也有红色边框，不符合要求，修改如下：
2、访问一个链接后，另外两个链接文字颜色也改变了，是因为a标签href值是一样的，修改为不一样的就好了。参考：
3、用三个是可以的，能实现本题效果。
祝学习愉快~
1h021-07-24
相似问题