伪类

最新推荐文章于 2025-02-19 21:02:48 发布

雙安

最新推荐文章于 2025-02-19 21:02:48 发布

阅读量274

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML/CSS

本文链接：https://blog.youkuaiyun.com/xiongwanfeng/article/details/75041571

HTML/CSS 专栏收录该内容

24 篇文章

订阅专栏

css允许我们针对a标签的四种状态设置各自的css特性，称为css的伪类

链接的四种状态为：
1.鼠标未放上去
2.鼠标放上去
3.鼠标点击未松手
4.点击后
注意：
1、active状态一般不设置
2、设置顺序有规定：LVHA

3、a:link可以简写成a

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>a标签伪类</title>
	<style type="text/css">
		/*用标签选择器进行控制*/
		a:link{
			color: pink;
		}
		/*点击后*/
		a:visited{
			color: orange;
		}
		/*鼠标放上去*/
		a:hover{
			color: purple;
		}
		/*鼠标点击未松手*/
		a:active{
			color: black;
		}
	</style>
</head>
<body>
	<div>
	<!-- 空链接可以用#表示 -->
		<a href="#">空链接</a>
		<a href="#">空链接</a>
		<a href="#">空链接</a>
		<a href="#">空链接</a>
		<a href="#">空链接</a>
		<a href="#">空链接</a>
	</div>

</body>
</html>