title: css change style of an element on click
body: <p>I have a list of elements, and i want to change a style of an element when one clicks on the list element(and that specific style to stay the same until the user presses another list item). </p>
  
  <p>I tried using the 'active' style, but no success.</p>
  
  <p><strong>My code:</strong></p>
  
  <pre><code>#product_types
  {       
      background-color: #B0B0B0;
  position: relative; /*overflow: hidden;*/
  }
  
  
  #product_types a:active
  {
      background-color:yellow;
  }
  </code></pre>
  
  <p>but the element is 'yellow' only a millisecond, while i actually click on it...</p>