分享好友 前端技术首页 频道列表

设置链接颜色的伪类选择符的顺序为LVHA

css教程  2015-12-21 18:290
爱恨原则:LOVE HATE

CSS提供了四种伪类设置链接的颜色,包括:link、:visited、:hover、:active,它们的声明是有一定顺序的,我们将这种顺序简称为L-V-H-A,即link最先,其次visited,之后hover,最后active,如此声明才能保证hover与active状态显示正确的样式。

示例代码如下:

复制代码
代码如下:

a:link
{
color: red;
}
a:visited
{
color: green;
}
a:hover
{
color: blue;
}
a:active
{
color: black;
}

查看更多关于【css教程】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动
知道。css的content属性专门应用在 before/after 伪元素上,用来插入生成内容。最常见的应用是利用伪类清除浮动。.clearfix:after {content:"."; //这里利用到了content属性display:block; height:0;visibility:hidden; clear:both; }.clearfix { *zoom:1; }a

0评论2023-03-08704

前端笔记之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
CSS3是CSS的第三代版本,新增了很多功能,例如:强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。CSS3和HTML5没有任何关系!HTML5骨架中,可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的样式。在学习CSS之前都是学习选择器,在CSS2中有

0评论2023-03-08564

【笔记】css hover 伪类控制其他元素
最近在模仿一个网站的项目 当中有一个效果需要利用到hover效果因为不太想写jq脚本所以百度了一下css hover的运用发现原来hover也可以控制其他元素的变化的但是这有一个要求 就是添加hover伪类的元素 必须是被改变的元素的父类所以,看看一下代码你就会明白的

0评论2023-02-08636

css:focus伪类的使用
css中:focus伪类的使用,即给已获取焦点的元素设置样式!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"title:focus/titlestyle*{margin: 0;padding: 0;}input:focus{background: #cbcbcb;}/style/headbodyinput type="text"//body/html以上通过:focus

0评论2023-02-08877

css中常用的伪类
  div:first-child  表示第一个div,代码如下  htmlheadtitle/title/headstyle*{margin:0;padding:0;}.showdiv{width:100px;height:100px;}.showdiv:first-child{color:red;}/stylebodydiv class="show"div第一个div/divdiv第二个div/divdiv第三个div/di

0评论2023-02-08310

详解CSS中的伪类与伪元素及二者间的区别
这篇文章主要介绍了详解CSS中的伪类与伪元素及二者间的区别,实际上CSS3中规范了一种简单粗暴的方法,即伪类前用一个冒号表示,而伪元素前用两个冒号表示,这样就不容易混淆了,需要的朋友可以参考下

0评论2016-06-20120

CSS定义超链接样式的顺序及四个伪类的用法示例介绍
在CSS中有经常用于定义链接样式的四个伪类,也就是我们常说的“爱恨”原则lvha。锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,下面为大家介绍下详细的写法

0评论2015-12-2174

CSS :active 伪类 元素被激活时的样式
这篇文章主要介绍了CSS :active 伪类 元素被激活时的样式 ,需要的朋友可以参考下

0评论2015-12-0691

IE6下伪类hover失效问题及解决办法
ie6对a:hover子标签的解读是建立在父标签的hover设置上的,换句话说如果不设置任何父标签a:hover{}则ie6就会停止对a的子标签hover解读,也就会出现ie6下a:hover设置失效的问题

0评论2015-11-13130

css3 伪元素和伪类选择器详解
无论是伪类还是伪元素,都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3,两者都已经是推荐标准。

0评论2015-11-07122

浅谈CSS伪类与伪元素
本文向大家展示了CSS的伪类与伪元素,介绍的非常全面,这里推荐给大家参考下。

0评论2015-11-06117

HTML5新增的Css选择器、伪类介绍
HTML5新增了Css选择器、伪类,本文整理了一些,并给出简单的使用介绍,喜欢html5的朋友可以参考下,希望对大家有所帮助

0评论2015-10-08139

更多推荐