:hover :focus
悬停: true true
点击但光标没停留: flase true
点击且光标停留: true true
两者看似没有什么区别,其实只是hover是主要是在悬停在该元素上时发生的作用,悬停为true。而focus在悬停或点击到该元素时就会为真,并触发为其设置的样式。 例如:当鼠标点击并悬停在输入框input内时,可以出发hover与focus,但点击之后,若鼠标没停留在input上,则只触发focus。
:hover :focus
悬停: true true
点击但光标没停留: flase true
点击且光标停留: true true
两者看似没有什么区别,其实只是hover是主要是在悬停在该元素上时发生的作用,悬停为true。而focus在悬停或点击到该元素时就会为真,并触发为其设置的样式。 例如:当鼠标点击并悬停在输入框input内时,可以出发hover与focus,但点击之后,若鼠标没停留在input上,则只触发focus。