a:link,a:visited,a:hover,a:active 分别是什么意思?

link:链接平常的状态 active:链接被按下的时候 visited:链接被访问过之后 hover:鼠标放到链接上的时候
具体一点就是：
:hover版本：CSS1/CSS2　兼容性：IE4+ NS4+
语法：
Selector : hover { sRules }
说明：
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。

:active版本：CSS1/CSS2　兼容性：IE4+
语法：
Selector : active { sRules }
说明：
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。

:link版本：CSS1　兼容性：IE4+ NS4+
语法：
Selector : link { sRules }
说明：
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性（特性）的a对象，此伪类不发生作用。

:visited版本：CSS1　兼容性：IE4+ NS4+
语法：
Selector : visited { sRules }
说明：
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性（特性）的a对象，此伪类不发生作用。

在 body{ } 选择器下输入以下代码：
a:link, a:visited{
text-decoration: underline;
color: #336699;
}

这些代码是干吗用的？给你所有的链接都加上下划线的（text-decoration: underline;）和上了蓝色（color: #336699;）。这是不同色调的蓝色，但是它确实是蓝色因为最后两个数字（代表蓝色）是最高值的数字。
a:link 用于样式化链接。当你想把一个词转变为链接的时候，用什么实现呢？使用 <a> 和 </a> 这对标签，因此样式化链接就是样式化 a:link。
a:visited 用于样式化已经访问过的链接。
另外一种输入方式：
a:link{
text-decoration: underline;
color: #336699;
}
和
a:visited{
text-decoration: underline;
color: #336699;
}
当给a:link 和 a:visited这两个选择器应用 text-decoration: underline; 和 color: #336699;这两个属性的时候。可以使用逗号来区分。
第2步：
在 a:link, a:visited{ } 下输入以下代码：
a:hover{
text-decoration: none;
}
这些代码是干吗用的呀？你当你把指针移到链接上面时候下划线消失。
如果你不想在默认情况下有下划线而是在当你把指针移到链接上面的时候出现下划线，那么就在 a:link 和a:hover 之间交换下 text-decoration: 的值。
如果你想更改你链接悬停时的颜色，那么就增加 color: 和任何你想要的十六进制代码，如：
a:hover{
text-decoration: none;
color: #ff0000;
}

a:link,a:visited,a:hover,a:active 分别是什么意思?相关推荐

[css] 请写出:link、:visited、:hover、:active的执行顺序
[css] 请写出:link.:visited.:hover.:active的执行顺序 :link未访问链接:visited已访问的链接:hover鼠标悬停:active鼠标按下顺带一提,可交互式的组 ...
链接样式顺序：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:连接被访问 ...
CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
CSS为一些特殊效果准备了特定的工具,我们称之为"伪类".其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: 代码如下: :link : ...
a:link a:visited a:hover a:active四种伪类选择器的区别
a:link选择网页中所有没有被visited的a标签,就是没有鼠标悬停hover或者点击click(a链接没有被访问时的样式) a:visited选择网页中所有已经被click的a链接,用来告诉用户 ...
CSS visited，hover，active , focus这四个区别
CSS伪类用于向某些选择器添加特殊的效果,在样式表中,各样式排列的顺序很有讲究. :link 与 :visited 在样式文件中的顺序可以随便放置. :focus,: hover,:active这几个 ...
a访问过后hover样式就不出现了被点击访问过的超链接样式不再具有hover和active 解决方法...
改变CSS属性的排列顺序: L-V-H-A(LV哈): a:link{ } a:visited{ } a:hover{ } a:active{ } 转载于:https://www.cnblog ...
css种:link和:visited失效问题
1.首先是确定伪类链接的顺序没有错误:正确顺序为a:link>a:visited>a:hover>a:active: 2.a:visited因为安全问题和网页缓存的问题,导致网页载入 ...

a:link,a:visited,a:hover,a:active 分别是什么意思?

a:link,a:visited,a:hover,a:active 分别是什么意思?相关推荐

最新文章

热门文章