什么是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>
效果图: