JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ratings">
	<ul>
		<li></li>
	</ul>
</div>

CSS

.ratings ul li {
	width:18px;
	height:36px;
	background:url(http://i.stack.imgur.com/S5T0M.png) no-repeat -5px 0;
}

.ratings ul li:hover{
	background:url(http://i.stack.imgur.com/S5T0M.png) no-repeat 8px 0px;
}