title: Multiple buttons, each with different style - need to maintain hover state after clicked
body: <p>I have more than 3 buttons, each of them has a different style (different border color, different background color on hover).
  (I created them with the <code>&lt;li&gt;</code> because they have an action to change the background-position of a picture).</p>
  
  <p>I want them to maintain the same hover state appearance after they've been clicked, but to go back to the normal state when another button is clicked.</p>
  
  <p>How can I do this?
  Thank you in advance :)</p>
  
  <p><em>ps: I'm working in HTML with css, js when needed (like in this case).</em></p>