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对象,此伪类不发生做用。
spa

 

 

 

 

 

 

在 body{ } 选择器下输入如下代码:指针

a:link, a:visited{
text-decoration: underline;
color: #336699;
}
code

 

 

  • 这些代码是干嘛用的?给你全部的连接都加上下划线的(text-decoration: underline;)和上了蓝色(color: #336699;)。这是不一样色调的蓝色,可是它确实是蓝色由于最后两个数字(表明蓝色)是最高值的数字。orm

  • a:link 用于样式化连接。当你想把一个词转变为连接的时候,用什么实现呢?使用 <a> 和 </a> 这对标签,所以样式化连接就是样式化 a:link对象

  • a:visited 用于样式化已经访问过的连接。事件

  • 另一种输入方式:
    a:link{
    text-decoration: underline;
    color: #336699;
    }
    it

    io

    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;}

相关文章
相关标签/搜索