CSS—伪类

最新推荐文章于 2023-10-27 23:56:06 发布

原创最新推荐文章于 2023-10-27 23:56:06 发布 · 339 阅读

1 ·

CC 4.0 BY-SA版权

Web学习记录专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了CSS中针对超链接的四种伪类状态：未访问过的链接(a:link)、已访问过的链接(a:visited)、鼠标悬停的链接(a:hover)及激活状态的链接(a:active)的使用方法，并通过实例展示了如何为这些状态设置不同的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 定义：假的类选择器d一种，用在标签的状态上

2. 语法：标记名:伪类名

3. 种类：

1. 未访问过的：a:link{}

2. 已访问过的：a:visited{}

3. 悬停：a:hover{}

4. 活动：a:active{}

<html>
	<head>
		<title>伪类测试</title>
		<style>
			h1{font-size:30px}
			<!--未点击-->
			a:link{color:10eeaa;font-size:20px}
			<!--悬停-->
			a:hover{color:ee1099;font-size:23px}
			<!--活动-->
			a:active{color:222222;font-size:25px}
			<!--已点击-->
			a:visited(color:ff1111;font-size:22px)
		</style>
	</head>


	<body>
		<h1>点击链接进入所有编辑过的文档</h1><br/>
		<a href="..\html\first.html" target="_blank">第一个</a><br/>
		<a href="..\html\color.html" target="_blank">第二个</a><br/>
		<a href="..\html\insertImg.html" target="_blank">第三个</a><br/>
		<a href="..\html\http://www.163.com" target="_blank">163界面</a><br/>
		<a href="..\html\city.jpg" target="_blank">城市</a><br/>
	<body>
</html>