CSS3：悬停和：焦点之间的差异？

Question

CSS3 doc谈到：悬停和：焦点，对我来说似乎完全一样。两者有什么不同？我没看到什么？

谢谢！

Answer 1

当鼠标指针悬停在元素上时，悬停为'true'。如果光标位于该元素中，则焦点为true。悬停可能是假的并且焦点是真的（例如，单击文本字段然后将鼠标移开）

Answer 2

:hover适用于鼠标光标当前所在的任何元素。 :focus指的是表单焦点，是具有焦点的当前表单元素。粗略地说，如果你开始输入，你会填充哪个元素？

Answer 3

:hover和:focus之间的差异是：

当鼠标指针位于元素上时，

:hover。

:focus选择元素时，元素会进入焦点。

更多信息：CSS Pseudo Classes at W3Schools

Answer 4

悬停仅在指针设备位于元素上方时适用。该文件非常清楚。

Answer 5

使用新的css3技术，您可以使用％百分比添加转换时间。预计IE9所有主流浏览器都会支持它们。 这里有一些两个导航菜单的样本，用于理解悬停时的悬停和动画，以及css3悬停属性中颜色的淡入淡出。 `

Answer 6

您应该应用相同的格式进行聚焦和悬停，这样用户将获得相同的UI体验。

Answer 7

悬停特别与鼠标指针有关：

当Mouser指针位于上方 / （位于其上） 按钮时，该按钮悬停为< strong> true 。

焦点与突出显示元素有关：

通常，当我们使用Tab键更改元素的焦点时。

Answer 8

两者之间存在“对比差异”：

Hover-当您的鼠标指针悬停（波动或浮动）在特定元素上时。

和

Focus-当您选择一个元素时，该元素就会成为焦点。