一、关于a标签伪类中的visited不起作用问题

一.代码示范 <html> <head> <title>伪类超链接</title>  <style type="text/css"> a:link { color:red; font-size…

CSS中2d转换：transition过渡放在:hover伪类中与应用在整个元素中区别

css的2d转换十分强大,能够在不使用js的情况下,实现页面的元素与用户之间更多动态的交互,增强用户体验.其中使用最多的就是hover伪类. 1.创建一个页面的div元素: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2d转换测试</title> </head> <body> <div id="fr&…

iconfont作用在css伪类中的写法

iconfont作用在css伪类中需要注意两点: 1.字体声明(font-family: "iconfont";). 2.把字体写成十六进制的Unicode编码.比如:" "写成 content:"\e60a";(&#是开头用以标明这是字符实体,x表示这是十六进制). 举例: .demo:brfore{ font-family: "iconfont"; content:"\e60a"; }…

a标签伪类的LOVE HATE原则 a标签有四个伪类,分别是: a:link 未访问的链接 a:visited 已访问的链接 a:hover 鼠标移动到链接上 a:active 选定的链接遇到的问题: 访问过的链接,始终显示点过的样式,鼠标滑过或者点击时都不会有样式变动,具体css样式如下: 查询后知道a标签伪类有一个排序规则,否则会影响到显示. 解决方案: 按照LOVE HATE排序的顺序进行伪类排序. 即L(link)OV(visited)E H(hover)A(active)TE 修改排…

a标签伪类link，hover，active，visited，focus区别

<div id="content"> <h3><a class="a1" href="#">a标签伪类link,hover,active,visited,focus区别</a></h3> </div> a.a1:link{ /*链接未被访问时的状态*/ color: blue; } a.a1:visited{ /*链接访问后的状态*/ color: green; } a.a1…

html中a标签伪类的优先级与顺序

/** 这四个伪类的优先级相同,前一个会覆盖后一个建议书写顺序: lvha => love hate(好记) */ a:link { color: red; } a:visited { color: green; } a:hover { color: yellow; } a:active { color: blue; }…

a标签伪类的顺序

在一次开发项目中,我用a链接来做效果,测试的时候发现,a:hover被点击后的效果就不再了!我百度才知道,原来在css写a链接也是有顺序之分的. 顺序应该是: a:link a标签还未被访问的状态: a:visited a标签已被访问过的状态: a:hover 鼠标悬停在a标签上的状态: a:active a标签被鼠标按着时的状态: 本质就是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不用的动作顺序,动作的触发顺序决定了伪类的顺序. 因为前2者两种状态是常态,而后2者…

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标签的伪类选择器…

html 超链接标签锚点 a标签伪类

一个简易的连接 <a href="01.html">01</a> <body> <a href="01.html" target="_blank">01</a> <a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1"> B站</a> <a href=&quo…

a标签伪类选择器+过度模块

a标签的伪类选择器 1.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的. 2.格式: 1):link 修改从未被访问过状态下的样式. 2):visited 修改被访问过的状态下的样式. 3):active 修改鼠标长按状态下的样式. 4):hover 修改鼠标悬停在a标签上状态下的样式. 3.注意点: 1)a标签的伪类选择器可以单独出现也可以一起出现. 2)a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守爱恨原则---love hat…

HTML连载64-a标签伪类选择器的注意点与练习

一.a标签的伪类选择器注意点 (1)a标签的伪类选择器可以单独出现,也可以一起出现.也就是可以设置多个状态的样式. (2) a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守原则: (love\hate原则,即link\visited\hover\active)默认状态.被访问后的状态.悬停状态.长按状态 (3)如果默认状态的阿燕是和被访问过的状态的样式一样,那么可以缩写为 a{ color:颜色;},后面写了另外两种状态也是不影响的. 二.快捷键 (1)ul>(li>…

如何让Iconfont作用到content伪类中

沿用同行思密达的方法整理了一下;前提是先引入iconfont字体图标(引用线上iconfont查看上篇随笔):比如 其中&#是开头用以标明这是字符实体,x表示这是十六进制,而CSS的content接受的也是16进制的Unicode编码,所以可以直接写 content: "\e7bb"; 别忘记把font-family:"iconfont"写进去,很重要的 <style typel="text/css"> .show:befo…

a标签-伪类

a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */…

C++类中的this指针的作用

1.我们知道C++的类成员函数中,默认都隐含了一个this指针,标识调用该成员函数的对象 2.为什么需要有一个this指针呢?C++设计这个机制的初衷是什么呢? 我们知道,普通的C++类,其成员函数是类的所有对象共享的,而数据时每个对象所独有的.即:数据独有,方法共享因此在调用类的某个成员方法(非静态方法)时,我怎么知道是哪个对象调用的呢?此时就是通过this指针来区分的,通过this指针我可以区分是该类的哪个对象正在调用该成员方法. 注意事项: a.this指针不属于对象本身的一部分,不会影…

java中一个类中的 this. 是什么作用

2)this代表的是本类的实例对象,不是什么调用本类的方法的对象.当你用new创建一个对象的时候,对象就已经在内存了.(具体的你的血jvm和反射).构造方法只是为了给对象里的属性赋值.在类里任何地方出现的this都是指的本类的实例对象,构造方法里的也…

CSS中伪类的使用

原文:http://www.cnblogs.com/guopei/archive/2011/04/16/2017627.html 何为伪类? 也就是实际实现了类的效果,但是并没有实际添加到标签中的类,这样的就是伪类.伪类的典型构成就是使用了(:)冒号. 1.先说最常用的a链接的伪类,目前市场上的主流浏览器都支持. :link 链接样式 :visited 链接访问过后的样式(只要访问历史记录存在) :hover 鼠标悬停样式 :active 鼠标按下样式其中有些规则,需要按着(Love ha)的…

css3中的伪类选择器

一.动态伪类动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus".先来看最常见的锚点伪类著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.原文: https://www.w3cplus.com/c…

CSS中before、after伪类选择器的巧用

大家好,今天给大家带来使用css中 before . after 实现两个效果,话不多说,我们先来看看, before 和 after 它们的作用是什么选择器作用 before 向选定的元素前插入内容 after 向选定的元素后插入内容作用描述简单也容易理解,就是在指定的元素前面或者后面添加额外的内容,那么具体我们能够用到什么地方呢? 使用场景一: 我们经常在论坛中看到如下效果: 这类似一个菜单,点击标题就可以快速跳转到指定的页面,而这些标题之间都有一个“>”符号进行间隔,而这个效果,我们…

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器——基本选择器>和<CSS3选择器——属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择…

CSS3选择器（三）之伪类选择器

伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择器的使用方法. CSS的伪类语法和别的语法有点不一样,其主要有两种语法表达方式. 第一种写法 E:pseudo-class {property:value}/*其中E为元素;pseudo-class为伪类名称;property是css的属性;v…

（4）《Head First HTML与CSS》学习笔记---文本的CSS规则和盒模型；div与span；<a>元素的链接色；伪类

1.每个font-family包含一组共同特征的字体.共五个字体系列: sans-serif----这个系列包括了没有衬线的字体,与serif相比,通常认为这个系列更容易在计算机上识读. serif-----------这个系列包括有衬线的字体,很像新闻报纸的文字排版. monospace-这个系列的字体包含固定宽度的字符(即每个字母在水平方向所占的宽度都是相同的),主要用于显示软件代码示例.(代码很重视对齐.缩进,所以对宽度要求高) cursive-------这个系列的字体包含看似手写的字体…

CSS样式表及选择器相关内容(二)-伪类与伪元素选择器

伪类与伪元素选择器归纳: 一.伪类选择器(伪类以":"开头,用在选择器后,用于指明元素在某种特殊的状态下才能被选中) 1.a标签伪类选择器,其他标签类似 eg: <style type="text/css"> /*设置a标签未访问样式*/ a:link{ /*coral:珊瑚色*/ color: coral; } /*设置标签访问后样式*/ a:visited{ color:red; } /*设置鼠标悬停a标签时的样式*/ a:hov…

CSS3伪类与伪元素的区别及注意事项

CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别定义首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的伪类:用于向某些选择器添加特殊的效果伪元素:用于将特殊的效果添加到某些选择器讲道理,可能我语文不好,我觉得这两句话是等价的 :-) 根本不能看出有什么区别都是对某些选择器“加特技” 标准有这么一句话翻译过来是这样的 CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化这话更抽象,其实意思就是对那些我们不能通过class.id等选…

CSS3 选择器——笔记+实战案例(基本选择器、组合选择器、属性选择器、伪类选择器)

使用CSS3 选择器——笔记 CSS通过选择器控制HTML元素,CSS选择器对网页对象可以实现一对一.一对多或者多对一的匹配. 一.CSS3选择器分类 CSS选择器在CSS2.1选择器的基础上新增了属性选择器.伪类选择器.过滤选择器,减少了对HTML类名或ID名的依赖,避免了对HTML结构的干扰,使编写代码更加简单轻松. 根据所获取页面中元素的不同,可以把CSS3选择器分为5大类:基本选择器.组合选择器.伪类选择器.伪元素和属性选择器.其中,伪类选择器又分为6种:动态伪类选择器.目标伪类选择器.…

CSS-用伪类制作小箭头（轮播图的左右切换btn）

先上学习地址:http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常,不是简单地用btn.prev+btn.next的图片代替,而是用纯css制作. 第一个是left按钮,即prev: .vmc-arrow-left:after { content: "\e079"; } 第二个是right按钮的,也就是next下一张的按钮: .vmc-arrow-right:after { content: "\e…

【CSS】伪类与伪元素

一伪类语法: selector : pseudo-class {property: value} 提示:伪类名称对大小写不敏感. 与 CSS类搭配使用 selector.class : pseudo-class {property: value} 例子:a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:act…

CSS-弹性布局-伪类选择器-复杂选择器

1.定位 1.堆叠顺序一旦将元素变为已定位元素的话,元素们则有可能出现堆叠的效果. 如何改变堆叠顺序? 属性:z-index 取值:无单位的数字,数字越大越靠上. 注意: 1.父子元素间,z-index无效,永远都是子元素压在父元素上. 2.只有已定位元素才能使用z-index属性. 2.固定定位 1.什么是固定定位将元素固定在页面中的某个位置,位置不会随着滚动条而发生改变,始终固定在可视化区域. 2.语法 position:fixed; 配合偏移属性使用 3.特点 1.固定定位的元素会变成…

关于css伪类，伪元素详解总结

伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰.常见的几种伪类是: :link , :visited , :hover , :active , :first-child 以及 :nth-child. 这里还有很多,接下来我们将要逐一进行介绍.此外,伪类前面总是加一个冒号(:).之后跟着伪类的名字或者是括号里面的值,如:nth-child. 伪元素关于伪元素,它们更像是虚拟的元素可以和HTML元素一样对待.区别在于它们并不存在于文档树或者DOM之中.这意味着…

CSS的伪元素和伪类

css3为了区分伪类和伪元素,伪元素采用双冒号写法. 常见伪类—— :hover, :active, :visited, :focus. 常见伪元素——::first-letter,::first-line,::before,::after,::selection. ::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容(可以是文字,图标等,下图就是一个正方形图标,图标是通过css绘制的). 这些添加不会出现在DOM中,不会改变文档内容,不可复…

js进阶 10-11/12 表单伪类选择器的作用

js进阶 10-11 表单伪类选择器的作用一.总结一句话总结:能想到用伪类选择器来解决问题.如果能一次记住自然是最棒的. 1.表单伪类选择器分为哪两类? 表单元素和表单属性,表单元素例如input,表单属性例如disabled 2.表单属性伪类选择器有哪四种(重要)? 可用的,不可用的,下拉列表选择的,单选复选选中的(就是我一直弄的那个功能) 表单属性伪类选择器 :enabled选择所有可用input元素 :disabled所有禁用的input元素 :selected选择所有被选中的opt…

【一、关于a标签伪类中的visited不起作用问题】的更多相关文章