:hover选择器、:active选择、:focus选择器 分别在什么时候生效

来源:互联网 发布:机房教学控制软件 编辑:程序博客网 时间:2024/06/05 19:02

:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;

【注】
:hover比较好理解,就是当鼠标移动到元素上时所产生的效果,
当我们单击元素时,会同时触发:active和:focus,最后将只能看到了:focus的效果 (鼠标是否松开都一样,将都只能看到)

原创粉丝点击