您好!欢迎来到静学网! 注册 登入

  • 静学网专注SEO优化技术视频教程案例分析、算法知识,在这里免费学习到最新的SEO技术,让你轻松通往SEO高工程师级之路,全新的SEO算法将在这里得到解剖。同时静学网提供网站开发、app开发、移动开发、电商、自媒体、行业资讯等内容,丰富及弥补自己的知识体系,让你在未来更具有竞争力。

【CSS教程】CSS伪类中四大锚伪类讲解,a:link、a:visited等是什么意思?

web前端 教育推动者 次浏览
CSS链接样式主要针对的是a标签,它与鼠标滑动形成了相关css特效,通过与其他css属性进行结合,可以达到不错的效果,通常情况下,我们的锚文本是蓝色字体,并且默认情况下字体有下划线,从设计的角度来看,其实这是不好看的,因此很多前端开发人员都会做出相应的处理,特别是鼠标滑动时,其字体样式做出了相应的改变,下面我们一起来解开云雾。
 
目前锚文本伪类主要分为四种,分别如下:
 

1)a:link

 
这个伪类代表的是普通的、未被访问的链接。实际上就是默认的情况下所呈现出来的状态。
 

2)a:visited

 
表示用户已访问的链接,也就是说一个链接被点击之后的状态,记住一定是点击之后,它才会呈现出来。
 

3)a:hover

 
表示鼠标指针位于链接的上方,这个是经常用到的,一般是修改字体的效果,比如颜色改变,字体大小变化等等。
 

4)a:active

 
表示链接被点击的时候,也就是鼠标点击不放,这个时候就会呈现出不一样的状态,比较字体颜色改变。
 
具体实现效果如下:
 
锚文本伪类
 
 

注意事项:
 

如果是四个同时使用,那么就要注意了,a:hover 必须位于 a:link 和 a:visited 之后,a:active 必须位于 a:hover 之后。这个理解起来很简单,可以根据你使用鼠标的先后顺序去理解,比如我们先滑动鼠标到字体然后才能点击。而默认情况下,链接是在未访问和访问的状态,可以这么去理解。


静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明【CSS教程】CSS伪类中四大锚伪类讲解,a:link、a:visited等是什么意思?
顶一下
(0)
0%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码:点击我更换图片
合作伙伴:
自学网