2-20练习
来源：2-20 编程练习
慕勒6541010
2021-05-09 14:07:18
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
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回答
-
同学你好，这是因为HTML代码中，所有超链接a标签的href地址都相同（全部为“#”），当访问其中一个超链接时，其他超链接也会被访问，所以其他超链接也会变成被访问状态，建议将href地址修改为不同的值，参考如下：
祝学习愉快！
2
相似问题