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

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

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