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

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…

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…

CSS样式中visited，hover，active , focus这四个分别表示什么意思？

CSS伪类用于向某些选择器添加特殊的效果.CSS又名层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究. :link 与 :visited 在样式文件中的顺序可以随便放置. :focus,: hover,:active这几个,如果你设置的顺序不同,会直接影响样式的显示效果. :focus -> :hover -> :active 有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢? 其实他们每一个选择器都代表一个含义. :link代表为访问链接…

精通CSS高级Web标准解决方案（4、对链接应用样式）

4.1 简单的链接样式锚可以作为内部引用,也可以作为外部链接,应该区分对待. 伪类选择器: :link 用来寻找没有访问过的链接 :visited 用来寻找已经访问过的链接 a:link{color:blue}; a:visited{color:red}; 动态伪类选择器: :hover 用来寻找鼠标停留处的元素 :active 用来寻找被激活的元素两个规则有相同的特殊性时,后定义的规则优先,因此在定义a元素伪类时使用以下顺序: a:link a:visited a:hover a:act…

css属性、样式、边框、选择器

CSS 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种样式表语言, 用来描述 HTML或 XML(包括如 SVG.MathML.XHTML 之类的 XML 分支语言)文档的呈现. CSS 描述了在屏幕.纸质.音频等其它媒体上的元素应该如何被渲染的问题. 网页三要素: HTML标签决定页面上元素的基本结构 CSS 用于设置HTML元素的样式 JavaScript 用于控制页面上的行为 1.CSS属性 ( property ) CSS 属性的基本用法为: n…

CSS：描述样式

一.CSS css:Cascading Style Sheet,层叠样式表,用于描述网页样式 1. 同一个标签可以有多个选择器作用,给他增加样式: 2. 有继承性,祖先的标签的一些属性,可以继承给后代标签: 3. 有层叠性,当遇见冲突的时候有着一套严密法律,规定谁生效谁被杠掉. css的维护者是w3c,最新版是css3,但是浏览器没有那么好的兼容 css分成两部分: 1. 选择谁? 2. 设置什么样式? 二.选择器 1. 标签选择器 2. id选择器 "#" 3. class选择器 &…

ch5 对链接应用样式

简单的链接样式对链接应用样式最容易的方式是:使用锚类型选择器,例如 a {color:red;} 链接伪类选择器:1.:link:寻找没有被访问过的链接2.:visited:寻找被访问过的链接动态伪类选择器:1.:hover:寻找鼠标悬停处的元素2.:active:寻找被激活的元素,激活发生在链接被单击时3.:focus:寻找获得焦点的元素以上三种不限于链接,也可应用于其他元素,例如按钮.输入框等选择器的次序非常重要,如果反过来,鼠标悬停和激活样式将不起作用,为确保这种情况不会发生,最好按照…

【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序

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

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.四种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link rel="stylesheet" type="text/css" href=&q…

css链接link

链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后例如编辑一个如下的html文件 <!DOCTYPE html> <h…

20190422-外部导入CSS样式之link、CSS@import、Sass分音

写在前面乱七八糟的前言:今天wuliMR黄问了一个问题,Sass的分音与link标签都是导入外部样式的,有什么不同,这真是个好问题,因为本白着实没想过,也不知道,不过没关系,成功的背后总有一个默默无闻的百度君,一直在支持着我,┓( ´∀` )┏虽然我不叫成功,扯得有点远~还是早早进入正题吧. 目录 1.link标签 2.@import语法规则 3.link标签与@import语法规则的区别 4.为什么使用link不用@import 5.Sass的分音内容 1.link标签 XHTML标签,用于…

笔记《精通css》第5章链接应用样式

第5章链接应用样式 1.链接伪类选择器 a : link{ } (寻找没有被访问过的链接) a : visied{ }(寻找被访问过的链接) 动态伪类选择器 a : hover{ }(寻找鼠标悬停处的链接) a : focus{ }(寻找通过键盘移动到的链接) a : active{ }(寻找被激活的链接) 选择器的次序,次序混乱样式将不起作用 a : hover{ } a : focus{ } a : active{ } a : li…

用CSS指定外部链接的样式

大部分的信息类网站,比如维基百科,都会对外部链接(<a>标签)指定特定的样式.作为用户,一眼就知道该链接是指向另一个站点的资源是很好的体验.许多网站在服务器端做外部链接检查,添加一个`rel=external` 的属性值,或者对外部链接添加一个 'external' 的 class.有时候这是不可能的或不好用的.在网上闲逛之后,我发现以下对外部链接很有用的CSS样式代码: a[href^="http://"]:not([href*="mysite.com&quo…

[原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. =====后来遇到的问题: css文件里的样式, 在页面上显示没有问题, 但是打印预览却没有样式.... 又挣扎了一天, 原来问题是: lodop中的加入css文件后, 不能识别css类(.…

【CSS】使用CSS改变超链接样式

超链接代码 <ahrefahref="http://www.divCSS5.com/"target="_blank" title="关于divCSS的网站">DIV+CSS</a> 解析如下: href后跟被链接地址目标网站地址这里是http://www.divCSS5.com/ target _blank--在新窗口中打开链接 _parent--在父窗体中打开链接 _self--在当前窗体打开链接,此为默认值 _top-…

CSS 链接

不同的链接可以有不同的样式. 链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等). 特别的链接,可以有不同的样式,这取决于他们是什么状态. 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻实例 a:link {color:#FF0000;} /* unvisited link */a:visited {color:#00FF00;…

:link,:visited,:focus,:hover,:active详解

原文::link,:visited,:focus,:hover,:active详解 CSS 又名层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究. :link 与 :visited 在样式文件中的顺序可以随便放置. 而focus, hover,active这几个,如果你设置的顺序不同,会直接影响样式的显示效果,下面会详细解释. :focus -> :hover -> :active 有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢…

Css - 选择器和样式

Css - 选择器和样式标签选择器即使用html标签作为选择对象 <style> div{ background:red; } </style> <div>s</div> 类名选择器 html标签的类名由class属性指定,通过使用.class类名的形式可以选择指定的元素对象,可以为一个html标签指定多个class类名,每个类名以空格隔开即可. <style> .box{ background:red; } </sty…

全局css , 样式设置, css 初始化. css ,style ,全局样式, 初始化样式

全局CSS设置总结 1.清除所有标记的内外边距 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } 2.全局文本大小.颜色设置 body { color:#333; padding:5px 0; font:12px/20px "SimSun","宋体","Arial Narrow…

HTML、CSS、JS 样式（未整理）

随手记,有错误的地方希望留言 ^.-.^ PHP 实现关闭浏览器窗口echo "<script>window.close();</script>"; jquery 获取长度 var iccid = $("#iccid").val().length var idnumber= $("#idnumber").val() var numberTop = idnumber.substr(0,6) alert(iccid) js/j…

CSS 基础知识点样式选择器伪类

CSS 基础知识点汇集版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言.样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一. HTML 标签被设计为用于定义文…

（9）css 链接

本篇学习资料的主要介绍: 超链接文本的样式设计.鼠标指针效果. 1.超链接文本的样式设计普通的网站中,所有的页面都会通过超链接相互链接在一起,这样才会形成一个有机的网站. 超链接是网页上普通的元素,通过超链接能够实现页面的跳转.功能的激活等,因此,超链接也是与用户打交道最多的元素之一. (1)在html语言中,超链接是通过标记<a>来实现的,链接的具体地址是利用<a>标记的href属性,如下: <a href="http://www.cnblogs.com/KTV…

CSS3——背景文本字体链接列表样式表格

背景 background-color rgb(255,0,0,1) 最后一个值表示透明度,范围是 0--1 background-image 默认平铺重复显示 background-repeat 在页面的水平或者垂直方向平铺 background-attachment 是否固定或者随着页面的其余部分滚动 background-position 位置文本颜色 body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}…

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…

CSS：CSS 链接

ylbtech-CSS:CSS 链接 1.返回顶部 1. CSS 链接不同的链接可以有不同的样式. 链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等). 特别的链接,可以有不同的样式,这取决于他们是什么状态. 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻实例 a:link {color:#000000;} /* 未访问链接*/ a:v…

【CSS链接的样式a:link,a:visited,a:hover,a:active】的更多相关文章