CSS中a:link、a:visited、a:hover、a:active的用法:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
在网页设计中,设计美观的超链接效果可以增强网站的用户体验,可能会给浏览者留下良好的印象,从而带来不少的回头客。所以a:link、a:visited、a:hover、a:active的熟练使用显得至关重要。如果使用不够熟练,甚至还可能造成貌似正确却又难以理解的错误链接效果。以上几个是链接伪类选择器,下面来简单介绍一下各个选择器,当然也可以点击相应链接了解详细介绍。
一.a:link:
用来定义超链接被访问前的样式。
二.a:visited:
用来定义链接被访问后的样式。
三.a:hover:
用来定义鼠标放到链接上,但鼠标键未被按下时的样式。
四.a:active:
用来定义鼠标放到连接上,并被按下时的样式。
相关文章
- 08-12Chrome 和 FireFox 查看:active,:hover,:focus样式
- 08-12css3 pointer-events(阻止hover、active、onclick等触发事件)
- 08-12如何消除移动端a标签点击时的蓝色底色以及a标签link、visited、hover、active的顺序
- 08-12vue安装,router-link的一些属性,用法,tag active-class,to,replace,exex等等
- 08-12在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 08-12转载利用伪元素单个颜色实现 hover 和 active 时的明暗变化效果
- 08-12a与a:link、a:visited、a:hover、a:active
- 08-12a标签伪类link,hover,active,visited,focus区别
- 08-12CSS:a:link;visited;hover;active解释及正确顺序
- 08-12:link,:visited,:focus,:hover,:active详解