a:link a:visited a:hover a:active四种伪类选择器的区别

【a:link a:visited a:hover a:active四种伪类选择器的区别】的更多相关文章

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…

如何消除移动端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…

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:…

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:…

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} /*…

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…

超链接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。

<!DOCTYPE html>< html>< head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /*css中超链接正常的设置顺序.*/ /*未被访问过的链接,文字显示为黑色.*/ /*当四个伪类选择器对同一超链接标签a起作用时,只有浏览器记录中没有访问过该超链接的记录…

a标签伪类选择器以及伪元素:hover的案例

1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态 2.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的 3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式 :active 修改鼠标长按状态下的样式 4.注意点4.1a标签的伪类选择器可以单独出现也可以一起出现4.2a标签的伪类选择器…

css hover伪类选择器与JQuery hover()方法

css hover伪类选择器它属于anchor伪类在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */ #art a:hover…