200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html css链接伪类大全 什么是css链接伪类?

html css链接伪类大全 什么是css链接伪类?

时间:2021-05-16 00:18:50

相关推荐

html css链接伪类大全 什么是css链接伪类?

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

什么是css链接伪类?

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

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

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

用于链接的几个伪类元素

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类。:link--用这个可以设置未被访问的链接的样式

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

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

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

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

示例:

a:hover {

background-color: yellow;

}

CSS

HTML

JavaScript

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

效果图:

更多前端开发知识,请查阅 HTML中文网 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。