:hover选择器、:active选择器和:focus选择器
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;
【注】下方案例运行效果,之所以点击后立即变为绿色是因为active触发的同时focus也触发了,所以active定义的样式看似无效,大家可以先把focus定义的样式注释掉运行;
hover、active和:focus这三种状态伪类选择器。
最新推荐文章于 2022-02-22 21:32:27 发布