什么是css链接伪类?

什么是CSS链接伪类?下面本篇文章就来给大家介绍一下css链接伪类是什么?有哪些?有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

8a32414a610863d932ad7ab94a8609f1

什么是css链接伪类?

css链接伪类就是css内置类,css内部本身赋予它一些特性和功能,用于向链接添加特殊的效果。

css链接伪类是用来给链接添加特殊效果。

CSS伪类是用来添加一些选择器的特殊效果,是用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。

用于链接的几个伪类元素

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类。

  • :link–用这个可以设置未被访问的链接的样式

  • :visited–用这个设置已经被访问的链接的样式

  • :hover–用于设置将鼠标悬浮在链接上的样式

  • :active–用于设置鼠标点击链接时到鼠标松开时的样式

  • :focus–用于设置用键盘将焦点放在链接上时的样式(如用tab键或者上下键来移动页面焦点时)

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			a:hover {
				background-color: yellow;
			}
		</style>
	</head>

	<body>

		<a href="#">CSS</a>
		<a href="#">HTML</a>
		<a href="#">JavaScript</a>

		<p><b>注释:</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>

	</body>

</html>

效果图:

5761a85d2cd4443637a7413447f401a6

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容