什么是css链接伪类?

来自:互联网
时间:2019-11-11
阅读:

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

什么是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>

效果图:

2.gif

返回顶部
顶部