伪类选择器


需求

我们希望所有的超链接 
默认样式是黑色,24px,没有下划线 
当鼠标移动到超链接时,自动出现下划线 
点击后,超链接变成红色。这又该怎么实现呢


我们可以使用伪类选择器实现:
 

<html>
	<head>
		<style type="text/css">
			/*伪类选择器*/		
			a:link {
				color: black;
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: underline;
			}
			
			a:visited {
				color: red;
			}
		</style>
		</head>

	<body>
		<a href="#">一点教程网</a>
		</body>

</html>

效果: