CSS selector for html element on mouseover

Question

At first I understand both Xpath and CSS selector notation are different. http://ejohn.org/blog/xpath-css-selectors/

Basically I need to generate html element CSS selector on mousover.

(to make you understand generate Xpath or specifically CSS selector of the Html element on mouseover on an element). I tried with event.data.selector Is there any api or sample code

Answer 1

The selector for mouseover specifically is to append :hover in your CSS document.

So if you wanted to have a hover for an element with an ID of "hoverDiv", you would have something like this:

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