title: Changing :active style at each click
body: <p>I am trying to make a button as shown here <a href="http://jsfiddle.net/9epgs999/" rel="nofollow">http://jsfiddle.net/9epgs999/</a> Code</p>
  
  <pre><code>button:active{
  background-color:yellow;
  }
  </code></pre>
  
  <p>At :active state the button changes its background color from green to yellow. What i am trying to do is to change the background-color to blue when it is at :active state on second time (second click) and at the third click some other color is there a way to do this using css only </p>