CSS3的伪类选择器;:hover选择器:active选择器和:focus选择器
2014-07-21 16:43
459 查看
CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才起作用,在默认状态下无效。
今天我们先来接触:hover、active和:focus这三种状态伪类选择器。
:hover选择器、:active选择器和:focus选择器
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;原文地址:http://www.alixixi.com/web/a/2012080382658.shtml
今天我们先来接触:hover、active和:focus这三种状态伪类选择器。
:hover选择器、:active选择器和:focus选择器
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;原文地址:http://www.alixixi.com/web/a/2012080382658.shtml
相关文章推荐
- a:link a:visited a:hover a:active四种伪类选择器的区别
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- CSS3学习笔记1:结构性伪类选择器
- 【CSS3】---结构性伪类选择器-root+not+empty+target
- selectivizr兼容ie8以下的css3伪类选择器以后得ie9hack问题
- CSS3选择器(三)之伪类选择器
- CSS3 选择器——伪类选择器
- CSS3结构性伪类选择器九种写法
- CSS3学习笔记2:UI元素状态伪类选择器
- CSS3选择器/伪类的那些事~
- CSS3:nth-child()伪类选择器,奇偶数行自定义样式first-child
- 04、CSS3伪类选择器
- 纯css3实现按钮的 hover 和 active 时颜色的明暗变化效果
- CSS3---结构性伪类选择器-root
- 【CSS3】结构性伪类选择器—not
- css3 - 属性选择器、伪元素选择器、结构性伪类选择器
- CSS3 选择器——伪类选择器
- css3中伪类选择器:target的使用
- CSS3学习笔记 之 UI元素状态伪类选择器
- CSS3 选择器 伪类选择器介绍