【【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序】的更多相关文章

css中链接的4个状态 link、visited 、hover、active 顺序与设置

link       未点时链接色visited  已点过的链接色hover   光标放入链接上的色active   点击时的样式 顺序一定要按link.visited.hover.active来设置 1)普通形式a:link{}a:visited{}a:hover{}a:active{} <a href="...">...</a> 2)单个classa.clsname{}a.clsname:link{}a.clsname:visited{}a.clsname:…

a:link,a:visited,a:hover,a:active

1:解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候      详细的: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性. 在CSS1中此伪类仅可用于a对象.且对于无href属性(特性)的a对象,此伪类不发生作用.在CSS2中此伪类可以应用于任何对象. 目前IE5.5+仅支持CSS1中的:h…

a标签的link、visited、hover、active的顺序

a标签的link.visited.hover.active是有一定顺序的,以下是我一直在用的一个顺序,能正确显示四个颜色,我也不知道有没有其他的顺序能正确显示,如果你没办法判断哪个是对的,那就先用这个吧. <style   type="text/css">   a:link {color: #000;} /* 未访问的链接 */a:visited {color: #F00;} /* 已访问的链接 */a:hover{color: #0F0;} /* 鼠标在链接上 */ a:…

如何消除移动端a标签点击时的蓝色底色以及a标签link、visited、hover、active的顺序

1.消除a标签移动端点击时的蓝色底色 -webkit-tap-highlight-color:transparent 2.link.visited.hover.active的顺序 a:link{text-decoration:none ; color:green;} a:visited {text-decoration:none ; color:red;} a:hover {text-decoration:underline ; color:blue;} a:active {text-decor…

【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序

摘自:http://www.qianyunlai.com/post-2.html     以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确.   给出我试的顺序,可能会对大家有一些帮助: 代码 A:link {  color: #000000;  TEXT-DECORATION: none } A:visited {  COLOR: #000000;  TEXT-DECORA…

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

摘自:http://blog.snsgou.com/post-2.html     以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确.   给出我试的顺序,可能会对大家有一些帮助:   A:link {  color: #000000;  TEXT-DECORATION: none } A:visited {  COLOR: #000000;  TEXT-DECORATION…

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

a :link.a:hover.a:visited这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同. eg:让未访问链接颜色为red,活动链接为yellow,已访问链接为green: 第一种情况: CSS定义的顺序为a:visited.a:hover.a:link. 把鼠标放到未访问过的red链接上时,它并不变成yellow,只有放在已访问的green链接上,链接才会变yellow. 第二种情况: CSS定义顺序为:a:link.a:visited.a:hover. 无论你鼠…

CSS链接的样式a:link,a:visited,a:hover,a:active

a :link(未被访问)a:hover(鼠标悬停)a:visited(访问过:真正到达那个页面)a:active(鼠标点击与释放之间.对无href属性的a对象无作用) 这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同,本人总结了一下,“特殊性”大的后定义就能实现想要的效果 特殊性由一般到特殊排序:link--visited--hover--active 如下就能实现所要的效果: a:link{color: blue} a:visited{color: red} a:hove…

css 伪类: 1)a:link , a:visited, a:hover, a:active 2):first-child

1. 链接伪类: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>伪类</title> <style type="text/css"> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /*…

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…