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:
用来定义鼠标放到连接上,并被按下时的样式。
相关文章
- 【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- CSS active选择器与CSS hover选择器
- css 清除伪类active,hover效果-解决
- 微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-链接伪类 :active | :link | :visited | :hover
- 超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法)。
- 伪类link,hover,active,visited,focus的区别
- Css-深入学习之单个颜色实现 hover 和 active 时的明暗变化效果
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- a:link a:visited a:hover a:active四种伪类选择器的区别
- 你知道hover、active这四个伪类为什么要按顺序写吗