`
上学的小二郎
  • 浏览: 1959 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS的三个伪类

CSS 
阅读更多

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

提示:  CSS 定义中,a:hover 必须被置于 a:link  a:visited 之后,才是有效的。

     在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

 

分享到:
评论

相关推荐

    运用css中的伪类设计页面

    设计一个注册页面 添加样式使得:被聚焦的输入域背景变为黄色,单选或多选的选中项的文字显示为红色字;disabled(保存,退出,复位)按钮的字体显示为灰色字;textarea中选中的文字颜色变为白色,背景变为蓝色

    css中伪类:after的用法(三种方式)

    CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等。 除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等。 而且CSS里不光有伪类...

    CSS :active 伪类 元素被激活时的样式

    说明: 适用于一个元素被激活时的样式,例如鼠标在此元素的区域内按下但还没有释放时 客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus 上述三种伪类...

    CSS3结构性伪类选择器九种写法

     接下来的几个伪类选择器使用上非常类似,功能也比较接近。 :nth-child(n),用于匹配索引值为n的子元素。索引值从1开始。 X:nth-child()用法实际上有三种变化,demo的用法是最简单的,X:nth-child()更强大的用处...

    CSS3伪类选择器;例如:E:root、E:not等等

    CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...

    详解如何使用CSS3中的结构伪类选择器和伪元素选择器

    结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表  属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...

    CSS3 选择器 伪类选择器介绍

    今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器

    懒人原生纯CSS实现六边形效果

    效果描述: 最近网上看到一个前端面试题,要求面试者用纯CSS实现一个6...那就是用CSS3的伪类代替左右两个div 使用方法: 1、将style.css中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可

    css网络大讲堂 mobi

    本篇主要介绍了CSS的概念、CSS文件的导入方法、CSS中的注释、CSS中的单位,还介绍了CSS的选择符以及CSS中的伪类和伪元素。 第二篇:CSS中级篇(第4~8章)。本篇着重介绍了CSS的文本属性、背景属性、边框属性、块...

    Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)

    灰色–的代表伪类的选择器CSS,这部分将会被忽视. 如果我们仅仅是给CSS减肥的话,那我们就可以对红色的选择器开始动手了 注意,说了这么久,大家一定知道了CSS Usage是一个扫描冗余CSS样式的工具,可以清理多余的...

    CSS层叠样式表学习指南

    各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页...

    HTML&CSS6;.zip

    HTML&CSS;学习 6的源码 包含子元素的伪类,兄弟元素选择器,否定伪类三个部分的内容

    CSS :befor :after 伪元素的巧妙用法

    CSS中的:befor、:after都会创建一个伪元素,其中:befor创建的伪元素是所选元素的第一个子元素,:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3...

    HTML&CSS7;.zip

    HTML&CSS;学习7的源码 包含样式的继承,选择器的优先级,伪类的顺序三个部分的内容

    CSS伪类:before在元素之前 :after 在元素之后实例讲解

    本教程简单的介绍一下关于CSS伪类:before, :after详解,有需要了解的朋友可以参考一下下。 :before 伪元素在元素之前添加内容 这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素...

    CSS伪元素 :before, :after, box-shadow应用

    下面就展示三个例子: 1、利用 :before 和 :after 添加背景,比如给一段文字前后打引号; 2、利用 :before, :after, box-shadow 实现3D阴影效果; 3、利用 :before, :after, box-shadow 实现照片叠加效果. 复制...

    结构伪类选择器(总结)

    什么是结构伪类选择器? 结构伪类选择器是针对HTML的结构进行分类的选择器,特征就是位置 分为三大类 ...作用:两个css选择器通过波浪线连接起来,但只作用于后一个css选择器,并且必须出现前一个选择器才符

    CSS3伪三维径向圆形按钮,无JS及图片,纯HTML.rar

    此效果没有用图片和任何JS!适用浏览器名称及版本:FF 3.5 , Opera 10.5 , Safari 4 , Google Chrome 4.0 , IE 9 IE8及之前版本均不能看到效果!!... 谷歌下个版本将会很好的支持 box-shadow inset

    hellworldcss3d:一个css3d生成的伪3d模型插件

    第一次写自己的插件,主要功能是用css 3d的属性生成伪3d的模型。 之前从没接触过css 3d ,css做动画就是我的弱项,一直以为要玩3d就得用webGL之类的,直到后来看到淘宝造物节,被经验到了,花了2天时间去研究怎么写。...

    CSS在Internet Explorer 6, 7 和8中的差别

    本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的...2、伪类与伪元素 3、属性支持 4、其它各种技术 5、重要bug和不兼容问题 1、选择器与继承 A、子选择器

Global site tag (gtag.js) - Google Analytics