`

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

    博客分类:
  • CSS
阅读更多

 

CSS样式表中a:link,a:visited,a:hover,a:active属性含义
2008-02-08 19:53

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

    a标签样式 和 a标签属性写法

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。...③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue} ④ a:hover:鼠标移到链接上时 ,如 .m

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

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

    CSS常用样式表快速查询

    CSS样式表快速查询 CSS(Cascading Style Sheets),即层叠样式表,是一种用于控制网页样式和布局的标记语言。它可以将网页的内容和样式分离,使得网页的布局和样式变得更加灵活和可维护。 文本属性 CSS中文本...

    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中的伪类

    例如:alink { font-size: 14pt; text-decoration: underline; color: blue; } 2. hover 伪类:设置对象在鼠标悬停时的样式。例如:ahover { font-size: 14pt; text-decoration: underline; color: blue; } ahover ...

    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,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 复制...

    css样式应用优先级实用PPT课件.pptx

    例如:a:link - 默认链接样式、a:visited - 已访问链接样式、a:hover - 鼠标悬停样式、a:active - 鼠标点击样式。 5. 元素(伪元素)选择器 元素选择器用于选择所有对应的HTML标签。例如:div{ display:none;} ...

    期末作业网页制作

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

Global site tag (gtag.js) - Google Analytics