老师帮忙看下对吗？
来源：3-23 编程练习
人间第一流
2019-09-07 22:16:37
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
a{text-decoration:none;}
a:link{color:orange;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
a:hover{color:green;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回答
-
同学你好， 代码整体效果实现得不错， 不过有如下细节需要注意一下
访问一个链接之后， 所有的链接都变成被访问过的样式了， 因为a标签的href值都是一样， 建议： 可以给href设置不同的值，便于观察效果哦
访问过的链接， 鼠标移入的时候， 字体不会改变为绿色， 因为设置hover样式的选择器权重低于其他样式设置， 建议： 可以给p标签添加一个相同的类名， 用来提升hover样式的权重
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题