常见的伪类

最新推荐文章于 2025-04-28 08:00:00 发布

原创最新推荐文章于 2025-04-28 08:00:00 发布 · 211 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#大数据

本文介绍了CSS中a标签的四种伪类：未访问的链接(:link)，已访问的链接(:visited)，鼠标悬停时(:hover)和活动链接(:active)的样式设置。通过示例代码展示了不同状态下链接文字颜色的变化，帮助理解这些伪类在网页设计中的应用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 为被选中状态 */
			a:link{
				color: #87B2D9;
			}
			/* 以访问状态 */
			a:visited{
				color: yellow;
			}
			/* 悬浮状态 */
			a:hover{
				color: red;
			}
			/* 被选择状态 */
			a:active{
				color: orange;
			}
		</style>
	</head>
	<body>
			<a href="">一个a标签的四种伪类</a>
	</body>
</html>

为被选中状态 a:link

以访问状态 a:visited

悬浮状态 a:hover

被选择状态 a:active