请老师检查代码 2-20

来源：2-20 编程练习

KangarooL

2021-02-23 21:42:58

相关代码：

<!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;
	        }
            .suit a:visited {
	            color:green;
	        }
	        .wc a:visited {
	            color:blue;
	        }
	        .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>

请问老师这个例子中
.suit a:visited {
color:green;
}
.wc a:visited {
color:blue;
}
.skin a:visited {
color:purple;
}
这段代码一定要写在下面这段代码的前边吗？
a:hover {
font-size:20px;
border:1px solid red;
}

写回答

1回答