`
izuoyan
  • 浏览: 8882209 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS样式表中a:link,a:visited,a:hover,a:active属性含义

 
阅读更多

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


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

分享到:
评论

相关推荐

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。 给出我试的顺序,可能会对大家有...

    css通过伪类来设置超链接样式附示例

    (1) :link:设置a对象在未被访问前的样式表属性。 (2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。 (3) :hover:设置对象在其鼠标悬停时的样式表属性。 (4) :active:设置对象在被用户激活(在...

    HTML5&CSS3网页制作:链接伪类.pptx

    a:link{ CSS样式规则; } 未访问时超链接的状态 a:visited{ CSS样式规则; } 访问后超链接的状态 a:hover{ CSS样式规则; } 鼠标经过、悬停时超链接的状态 a:active{ CSS样式规则; } 鼠标点击不动时超链接的状态 总结 ...

    a标签的四个css伪类(link、visited、hover、active)样式理解

    link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接时:link、visited...

    ASP小程序编写的网页

    cssdemo.css样式表文件内容: .font_style { font-family: "宋体"; font-size: 24px; } body{ font-family:"宋体","Times New Roman"; background-color:#CCCCCC; } a:link{ text-decoration:none; } a:visited { ...

    CSS教程:vlink,alink,link和a:link

    伪类选择符包括:总: a 表示所有状态下的连接 如 .mycls a{color:red}① a:link:未访问链接 ,如 .mycls a:link {color:blue}② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}③ a:active:激活时(链接...

    同一html页面中不同链接的不同样式的css代码

    超链接的样式有: a:link 链接未点击上去时候 a:visited 链接...–chrome浏览器下可以将链接原始属性都写在a:link中,IE内核的浏览器中链接的原始属性中除下划线之外的属性需写在a中–> a { font-size: 12px; color:

    Css——超链接样式

    css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候

    a标签的css样式四个状态LVHA的设计

    ③ a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{color:blue} ④ a:hover:鼠标移到链接上时 ,如 a:hover {color:blue} 一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。 前三者...

    CSS样式风格定义

    系统默认提供的CSS样式风格定义 说 明:在《动易网站管理系统》中,CSS样式风格定义是可以自己自由定义的,也说是说您可以自由添加N多个自定义的风格,然后在各频道的版式模板中调用就行了。下面提供的是系统默认...

    仿MAC官网导航菜单样式源文件

    仿MAC官网导航菜单样式源文件 部分css <style type="text/css"> <!-- html,body { height:100%; background:#fff; } body { font:12px "宋体",Arial,sans-serif; color:#333; } body,form,menu,dir,fieldset,...

    CSS定义超链接四个状态的正确顺序L-V-H-A

    A:link 超链接的默认样式 A:visited 访问过的(已经看过的)链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 正常顺序如下: 复制...

    CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类

    复制代码代码如下: :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 复制...

    期末作业网页制作

    a:link, a:visited { color: #f5ea01; text-decoration: none; font-weight: bold; } a:active, a:hover { color: #f5ea01; text-decoration: underline; } p { margin: 0px; padding: 0px; }

    css3 伪元素和伪类选择器详解

     提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。 提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。 伪元素选择器:并不是针对真正的元素使用的选择器,...

    css介绍快速学习

    CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。 简单一句话:CSS将网页内容和显示样式进行...

    CSS定义超链接样式的顺序及四个伪类的用法示例介绍

    :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: a:link,定义正常链接的...

    设置链接颜色的伪类选择符的顺序为LVHA

    CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、:active,它们的声明是有一定顺序的,我们将这种顺序简称为L-V-H-A,即link最先,其次visited,之后hover,最后active,如此声明才能保证hover与...

Global site tag (gtag.js) - Google Analytics