CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才起作用,在默认状态下无效。
今天我们先来接触:hover、active和:focus这三种状态伪类选择器。
:hover选择器、:active选择器和:focus选择器
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;
CSS3的伪类选择器;:hover选择器:active选择器和:focus选择器
精选 转载文章标签 CSS3 :hover :active 文章分类 前端开发
上一篇:java 传值与传参
下一篇:CSS3属性全
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的CSS - 弹跳的圆
用css写一个好玩的不停弹跳变形的圆。
css 弹跳的圆 动效 动画 交互 -
有趣的CSS - 旋转的金币
今天分享的是一个旋转的金币,适用于游戏网站,会员币等场景。
css 旋转的金币 动效 ux 用户体验 -
css中hover的使用
hover的使用
hover 使用 -
如何调试CSS Hover事件
其实,我们是利用了JavaScript是单线程的这一特点。
javascript 调试工具 开发者工具 其他 -
CSS hover box
隐藏!
hover box CSS transition css