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 之后,才是有效的。
您还没有登录,请您登录后再发表评论
设计一个注册页面 添加样式使得:被聚焦的输入域背景变为黄色,单选或多选的选中项的文字显示为红色字;disabled(保存,退出,复位)按钮的字体显示为灰色字;textarea中选中的文字颜色变为白色,背景变为蓝色
CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等。 除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等。 而且CSS里不光有伪类...
说明: 适用于一个元素被激活时的样式,例如鼠标在此元素的区域内按下但还没有释放时 客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus 上述三种伪类...
接下来的几个伪类选择器使用上非常类似,功能也比较接近。 :nth-child(n),用于匹配索引值为n的子元素。索引值从1开始。 X:nth-child()用法实际上有三种变化,demo的用法是最简单的,X:nth-child()更强大的用处...
CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...
今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器
效果描述: 最近网上看到一个前端面试题,要求面试者用纯CSS实现一个6...那就是用CSS3的伪类代替左右两个div 使用方法: 1、将style.css中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
本篇主要介绍了CSS的概念、CSS文件的导入方法、CSS中的注释、CSS中的单位,还介绍了CSS的选择符以及CSS中的伪类和伪元素。 第二篇:CSS中级篇(第4~8章)。本篇着重介绍了CSS的文本属性、背景属性、边框属性、块...
灰色–的代表伪类的选择器CSS,这部分将会被忽视. 如果我们仅仅是给CSS减肥的话,那我们就可以对红色的选择器开始动手了 注意,说了这么久,大家一定知道了CSS Usage是一个扫描冗余CSS样式的工具,可以清理多余的...
各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页...
HTML&CSS;学习 6的源码 包含子元素的伪类,兄弟元素选择器,否定伪类三个部分的内容
CSS中的:befor、:after都会创建一个伪元素,其中:befor创建的伪元素是所选元素的第一个子元素,:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3...
HTML&CSS;学习7的源码 包含样式的继承,选择器的优先级,伪类的顺序三个部分的内容
本教程简单的介绍一下关于CSS伪类:before, :after详解,有需要了解的朋友可以参考一下下。 :before 伪元素在元素之前添加内容 这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素...
下面就展示三个例子: 1、利用 :before 和 :after 添加背景,比如给一段文字前后打引号; 2、利用 :before, :after, box-shadow 实现3D阴影效果; 3、利用 :before, :after, box-shadow 实现照片叠加效果. 复制...
什么是结构伪类选择器? 结构伪类选择器是针对HTML的结构进行分类的选择器,特征就是位置 分为三大类 ...作用:两个css选择器通过波浪线连接起来,但只作用于后一个css选择器,并且必须出现前一个选择器才符
此效果没有用图片和任何JS!适用浏览器名称及版本:FF 3.5 , Opera 10.5 , Safari 4 , Google Chrome 4.0 , IE 9 IE8及之前版本均不能看到效果!!... 谷歌下个版本将会很好的支持 box-shadow inset
第一次写自己的插件,主要功能是用css 3d的属性生成伪3d的模型。 之前从没接触过css 3d ,css做动画就是我的弱项,一直以为要玩3d就得用webGL之类的,直到后来看到淘宝造物节,被经验到了,花了2天时间去研究怎么写。...
本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的...2、伪类与伪元素 3、属性支持 4、其它各种技术 5、重要bug和不兼容问题 1、选择器与继承 A、子选择器
相关推荐
设计一个注册页面 添加样式使得:被聚焦的输入域背景变为黄色,单选或多选的选中项的文字显示为红色字;disabled(保存,退出,复位)按钮的字体显示为灰色字;textarea中选中的文字颜色变为白色,背景变为蓝色
CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等。 除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等。 而且CSS里不光有伪类...
说明: 适用于一个元素被激活时的样式,例如鼠标在此元素的区域内按下但还没有释放时 客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover、active、focus 上述三种伪类...
接下来的几个伪类选择器使用上非常类似,功能也比较接近。 :nth-child(n),用于匹配索引值为n的子元素。索引值从1开始。 X:nth-child()用法实际上有三种变化,demo的用法是最简单的,X:nth-child()更强大的用处...
CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...
今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器
效果描述: 最近网上看到一个前端面试题,要求面试者用纯CSS实现一个6...那就是用CSS3的伪类代替左右两个div 使用方法: 1、将style.css中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
本篇主要介绍了CSS的概念、CSS文件的导入方法、CSS中的注释、CSS中的单位,还介绍了CSS的选择符以及CSS中的伪类和伪元素。 第二篇:CSS中级篇(第4~8章)。本篇着重介绍了CSS的文本属性、背景属性、边框属性、块...
灰色–的代表伪类的选择器CSS,这部分将会被忽视. 如果我们仅仅是给CSS减肥的话,那我们就可以对红色的选择器开始动手了 注意,说了这么久,大家一定知道了CSS Usage是一个扫描冗余CSS样式的工具,可以清理多余的...
各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页...
HTML&CSS;学习 6的源码 包含子元素的伪类,兄弟元素选择器,否定伪类三个部分的内容
CSS中的:befor、:after都会创建一个伪元素,其中:befor创建的伪元素是所选元素的第一个子元素,:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3...
HTML&CSS;学习7的源码 包含样式的继承,选择器的优先级,伪类的顺序三个部分的内容
本教程简单的介绍一下关于CSS伪类:before, :after详解,有需要了解的朋友可以参考一下下。 :before 伪元素在元素之前添加内容 这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素...
下面就展示三个例子: 1、利用 :before 和 :after 添加背景,比如给一段文字前后打引号; 2、利用 :before, :after, box-shadow 实现3D阴影效果; 3、利用 :before, :after, box-shadow 实现照片叠加效果. 复制...
什么是结构伪类选择器? 结构伪类选择器是针对HTML的结构进行分类的选择器,特征就是位置 分为三大类 ...作用:两个css选择器通过波浪线连接起来,但只作用于后一个css选择器,并且必须出现前一个选择器才符
此效果没有用图片和任何JS!适用浏览器名称及版本:FF 3.5 , Opera 10.5 , Safari 4 , Google Chrome 4.0 , IE 9 IE8及之前版本均不能看到效果!!... 谷歌下个版本将会很好的支持 box-shadow inset
第一次写自己的插件,主要功能是用css 3d的属性生成伪3d的模型。 之前从没接触过css 3d ,css做动画就是我的弱项,一直以为要玩3d就得用webGL之类的,直到后来看到淘宝造物节,被经验到了,花了2天时间去研究怎么写。...
本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的...2、伪类与伪元素 3、属性支持 4、其它各种技术 5、重要bug和不兼容问题 1、选择器与继承 A、子选择器