【问题标题】:How to inspect/check hover state of any element using inspect element如何使用检查元素检查/检查任何元素的悬停状态
【发布时间】:2019-12-18 19:58:42
【问题描述】:

如何检查仅在我悬停另一个元素时出现的元素?一旦我将鼠标悬停在外面,该元素就会消失。

我不太确定悬停效果是用 CSS 类还是 javascript 完成的。

【问题讨论】:

  • 检查您悬停的元素。然后在鼠标悬停时观察 DOM 的变化。通常您会在即将出现的元素上看到一个 CSS 类切换。然后您可以手动应用该类。或者手动选择应该可见的元素(如果它在 DOM 中可见)并应用内联 CSS 使其可见
  • 嗯,所以悬停效果不是通过 CSS 类完成的,因为它不会在悬停时切换。

标签: html css browser hover web-inspector


【解决方案1】:

这取决于您使用的浏览器。有选择悬停状态的选项。

以 Chrome 为例:

【讨论】:

  • 该死,似乎悬停效果不是用 CSS 类完成的,因为当我悬停或取消悬停时,类不会切换。
  • 它不是一个类,它的状态,每个元素都有这个状态,所以当你勾选该复选框时,如果有任何操作,那么它将反映在浏览器中。