a:link a:visited a:hover a:active四种伪类选择器的区别

a:link选择网页中所有没有被visited的a标签,就是没有鼠标悬停hover或者点击click(a链接没有被访问时的样式)

a:visited选择网页中所有已经被click的a链接，用来告诉用户这个链接已经被你访问过了（a链接对象被访问后的样式）

a:hover,说实话这个我用的最多，其实就是选择有鼠标悬停的a链接

a:active,顾名思义active就是活动的意思，表示的是选择用户点击并且还没有放开时（其实就是按住）的a链接（对象被用户点击与点击释放这之间的样式）

当然还有其他的譬如a:focus,这个表示选择光标（焦点）落下的a链接（对象成为输入焦点时的样式）。

转载于:https://www.cnblogs.com/hongrunhui/p/4311842.html

a:link a:visited a:hover a:active四种伪类选择器的区别相关推荐

[css] 请写出:link、:visited、:hover、:active的执行顺序
[css] 请写出:link.:visited.:hover.:active的执行顺序 :link未访问链接:visited已访问的链接:hover鼠标悬停:active鼠标按下顺带一提,可交互式的组 ...
CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
CSS为一些特殊效果准备了特定的工具,我们称之为"伪类".其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: 代码如下: :link : ...
链接样式顺序：link、visited、hover、active
1.介绍 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻当设置为若干链路状态 ...
a链接的四种状态：link、visited、hover、active
a链接的四种状态伪类是CSS 用于向某些选择器添加特殊的效果. a标签中有四个:link.visited.hover.active (1)link-设置a对象在未被访问前的样式表属性. (2)vis ...
HTML中a:link,a:visited,a:hover,a:active
原文地址:http://www.cnblogs.com/yangfeng/archive/2009/07/25/1530962.html 1:解释 link:连接平常的状态 visited:连接被访问 ...
a:link,a:visited,a:hover,a:active 分别是什么意思?
link:链接平常的状态 active:链接被按下的时候 visited:链接被访问过之后 hover:鼠标放到链接上的时候具体一点就是: :hover版本:CSS1/CSS2 兼容性:IE4+ N ...
a:link、a:visited、a:hover、a:active伪类选择器
a:link.a:visited.a:hover.a:active伪类选择器在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带 ...
css中伪类选择器详解(a:visited不生效的原因)
css伪类是一种css定义的方法,主要用于对链接显示效果的定义, 主要包括: a:link :链接平常的状态. a:visited:链接被访问之后的状态. a:hover:鼠标停留在链接上的状态. a ...
css伪类选择器，:link、:visited、:focus、:hover、:active、:first-child
全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css伪类选择器伪类选择器用于表达在某种状态下的元素. 包括:link.:visited.:focus.:hover.:active ...

a:link a:visited a:hover a:active四种伪类选择器的区别

a:link a:visited a:hover a:active四种伪类选择器的区别相关推荐

最新文章

热门文章