[Css]伪选择器link、visited、hover、active

使用方法:a:link|a:visited|a:hover|a:active

在 CSS 定义中,a:hover 必须被置于 a:linka:visited 之后,才是有效的,a:active 必须被置于 a:hover 之后,才是有效的。


意义

link:未访问的链接

visited:已访问的链接

hover:鼠标放在链接的效果

active:激活时链接(点击鼠标未松开)


由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. class 和 id 的使用场景: id:id选择器,使用#name定义(name为id名,可任意取名),使...
    石林涛阅读 2,934评论 0 1
  • 1 .class 和 id 的使用场景? .class,类选择器。类选择器可以定义多个元素。当你想定义一组元素以相...
    饥人谷_邵征鹏阅读 2,990评论 0 0
  • 选择器做为CSS的灵魂一直是一个不可缺少的东西,使用CSS选择器的好处不用多说,对于整个文档的可读性 可修改性 以...
    熊蛋子17阅读 3,240评论 0 1
  • 1. class 和 id 的使用场景 ? class 规定元素的类名,用于概念上相似的元素,这些元素可以出现在同...
    饥人谷_Mily阅读 3,332评论 0 0
  • 这周的课程,我是被逼着完成的。弱项啊弱项!每一天都觉得是完不成,但是到最后一刻居然都完成啦。这节奏让我怀疑自己体内...
    瑞睿grace阅读 1,950评论 0 0