伪类选择器

需求

我们希望所有的超链接 
默认样式是黑色,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>

效果:

一点教程,一个分享编程知识的公众号。跟着站长一起学习和进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「一点教程」,你已然超越了90%的程序员!

一点教程二维码