请老师帮忙检查

来源:2-20 编程练习

cloudonthesun

2021-05-13 16:25:03

相关代码:

<!DOCTYPE html>
<html>
    <head lang="en">
	    <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 {
	            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-05-13

同学你好,代码正确,问题解答如下:

由于三个a标签的href属性值相同,所以访问其中一个后,另外两个也会被认为是访过了。建议将href属性值,改成不同的,示例:

http://img.mukewang.com/climg/609ce51109c2062d05340271.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程