2-20编程练习，一点小问题
来源：2-20 编程练习
Hanabie
2022-07-14 01:06:39
提问：做完三个链接已访问的话会更改颜色之后，本身三个链接没有访问时时橘色，但是只要访问第一个链接，后面两个链接也迅速变色，这个怎么解决呀，是因为没有按照爱恨原则的顺序写吗？这个顺序是针对同一个class 还是设定不同的class也要遵循这个顺序呀
还有就是老师帮忙看看我的选择器搞得对吗
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
p a{
text-decoration:none;
}
a:link{
color:orange;
}
a:hover{
font-size:20px;
border:1px solid red;
}
.suit a:visited{
color:green;
}
.wc a:visited{
color:blue;
}
.skin a:visited{
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回答
-
好帮手慕星星
2022-07-14
同学你好，解答如下：
1、没有未访问时的橘色，可能是之前访问过，建议清除浏览器缓存后再测试
chrome://history/
2、点击一个链接，三个都改变是因为a元素href值是一样的，也就是跳转链接是一样的。改为三个不同的即可，如下：
祝学习愉快！
0
相似问题