How to hover an element using a sprite?

Question

css

On the frontend, I generate sprites from icons that I throw into a special folder using gruntjs.
The grant also automatically generates a css file with the positions of a certain icon. And of course, every time I put a new icon in the sprite folder, the css file is regenerated and the positions of the icons change.
How can I assign a hover to an element so that the icon changes when hovering over? Right now I'm using js for this.

Answer 1

selector{
.... 
bacground: url(sprite.png) x1 y1 no-repeat;
}
selector:hover{
  background-position: x2 y2;
}

Answer 2

https://www.youtube.com/watch?v=e-EkBx-CNqo