鼠标悬停时 html 元素的 CSS 选择器答案

【问题标题】：CSS selector for html element on mouseover鼠标悬停时 html 元素的 CSS 选择器
【发布时间】：2014-03-20 20:51:08
【问题描述】：

起初我理解 Xpath 和 CSS 选择器表示法是不同的。 http://ejohn.org/blog/xpath-css-selectors/

基本上我需要在鼠标悬停上生成html元素CSS选择器。

（让您了解在鼠标悬停在元素上时生成 Xpath 或特别是 Html 元素的 CSS 选择器）。我尝试使用 event.data.selector 有没有api或者示例代码

【问题讨论】：

【解决方案1】：

鼠标悬停的选择器专门是在你的 CSS 文档中附加:hover。

因此，如果您想对 ID 为“hoverDiv”的元素进行悬停，您将拥有如下内容：

#hoverDiv:hover { background-color: red; }

【讨论】：

感谢 krillgar.. 但我的要求是在 html 元素上的鼠标悬停时获取 css 选择器
:hover 将应用鼠标悬停在元素上的整个时间。当鼠标离开元素时，将不再适用。
@user3395710：您是说在鼠标悬停时，您实际上想要获取驱动鼠标悬停效果的 CSS 选择器并将其返回吗？因此，使用 krillgar 的 css，在鼠标悬停 #hoverDiv 时，您希望 返回选择器字符串 #hoverDiv:hover 以表明 that 选择器是应用于该元素的鼠标悬停的时刻？这是我可以根据 krillgar 的回答来解释您的评论的唯一方法，但是如果我在此处指出的理解是正确的（或者如果不是，则需要更清晰的任何一种方式），您需要明确澄清您的问题。
感谢 scott 和 krillgar.. 我的需求类似于我想使用 css 选择器找到一个元素的元素的 xpath。
您是说需要使用 CSS 来选择鼠标悬停的元素吗？这是你做不到的。为此，您需要 javascript。